/*
Theme Name: hiroshima
Theme URI: https://wordpress.org/themes/twentyeleven/
Template: twentyeleven
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Tags: blog,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,block-patterns
Version: 4.5.1710723051
Updated: 2024-03-18 09:50:51

*/

html{
	font-size:62.5%;
}
body {
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 0;
	word-wrap: break-word;
	box-sizing: border-box;
	background: rgb(255, 255, 255);
}
a, a img {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a img:hover{
	opacity: 0.75;
}
a:hover,
a:focus{
	opacity: 0.75;
	text-decoration: none;
}
strong{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(255, 235, 59, 0.45)));
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 235, 59, 0.45) 0%);
	background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 235, 59, 0.45) 0%);
}
dl{ margin: 0 0 2em; }
dt {
	line-height: 2.3;
	margin: 0;
	padding: 0 10px;
	border: solid 1px rgb(153, 153, 153);
	background-color: rgb(251, 251, 251);
}
dd {
	line-height: 1.6;
	margin: 0;
	padding: 12px 10px;
}
em {
	color: rgb(255, 0, 0);
	font-style: initial;
}
.inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 5%;
}
.max-inner{
	margin: 0 auto;
	padding: 0 5%;
}
.small-inner{
	max-width: 580px;
	margin: 0 auto;
	padding: 0 5%;
}

#page{
	max-width: 100%;
	margin: 0 auto;
	background: none;
}
#main{
	padding: 0;
	overflow: hidden;
}
.home #main{
	padding: 0;
}
#content {
	width: 100%;
	margin: 0;
}
#main-view {
	background: rgb(0, 0, 0);
	position: relative;
	z-index: 0;
	overflow: hidden;
}
a[href$='.pdf']:before {
	font-family: 'FontAwesome';
	content: "\f1c1";
	color: rgb(144, 27, 39);
	margin-right: 5px;
}
.box {
	margin-bottom: 2em;
	padding: 1.625em 1.625em 0;
	border: solid 1px rgb(221, 221, 221);
}
.imp-box {
	margin-bottom: 1em;
	padding: 15px 25px 0;
	background: rgb(255, 251, 244);
	border: solid 10px rgb(240, 186, 86);
}
.entry-content .imp-box h3{
	margin: 10px 0;
}
.imp-box strong {
	color: rgb(255, 0, 0);
	font-size: 1.25em;
}
.box .base-list {
	display: flex;
	webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.box .base-list a {
	display: block;
	width: 49%;
	margin: .5%;
	padding: 5px 20px;
	text-align: center;
	border: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
.box .base-list a:hover{
	text-decoration: none;
	color: rgb(51, 51, 51);
	background: rgb(221, 221, 221);
}
.box li{
	padding: 6px 0;
	border-top: dashed 1px rgb(221, 221, 221);
}
.box li:first-child{ border: none; }
a.btn {
    position: relative;
    display: block;
    max-width: 200px;
    width: 100%;
    color: #ddd;
    margin: 2em auto;
    padding: 16px;
    border-radius: 3px;
    background: #e11d2f;
    text-shadow: none;
    text-align: center;
}
a.btn:before,
a.btn:after{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    transform: skew(-12deg);
    background-color: inherit;
}
a.btn:before{ left: -6px; }
a.btn:after{ right: -6px; }
.align-c{ text-align: center; }
.marb-0{ margin-bottom: 0 !important; }
#bread-wrap {
	position: relative;
	padding: 5px 0;
	background: rgb(235 235 235);
}
#bread-wrap p {
    margin: 0;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
}
#bread-wrap p a{
	color: #999;
}
.fb-post{
	margin-bottom: 2em;
}
.iflame{
	margin: 0 auto;
}
blockquote {
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: inherit;
	margin: 0 0 2em;
	padding: 5%;
	background: rgb(245, 245, 245);
}
blockquote p, .entry-content blockquote p{
	font-size: 0.85em;
	margin: 0;
}
blockquote footer{
	text-align: center;
}
.wp-caption .wp-caption-text{
    font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
}
.pc{ display: block; }
.sp{ display: none; }


/* flex
----------------------------------*/
.flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
}


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

.flex-item{
}
.col-3{
    width: 30%;
}
.col-4 img{
    border: solid 1px #ddd;
    margin: 0;
}


/* header
----------------------------------*/
#header{
	position: fixed;
	width: 100%;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgb(0 0 0 / 85%);
	color: #fff;
	text-align: center;
	padding: 20px 40px;
	border: none;
    box-sizing: border-box;
    border-bottom: solid 1px rgb(37 37 37);
}
#site-title {
	margin: 0;
	padding: 0;
	max-width: 100px;
}
#site-title img {
    width: 100%;
    height: auto;
}


/* home
----------------------------------*/
.pattern {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border: 0px solid rgb(0, 0, 0);
    background-size: 3px 3px;
    background-image: linear-gradient( -45deg, rgba(0, 0, 0, 0.5) 25%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) );
    background: rgb(0 0 0 / 40%);
}
#main-view {
    position: relative;
    background-blend-mode: lighten;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.main-view-wrap {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px #000;
    margin: 0;
    z-index: 2;
}
.main-view-wrap p{
    font-size: 22px;
	margin-bottom: 10px;
}
.home .main-view-wrap h2 {
    font-family: "Fjalla One";
    font-size: 4.5em;
    line-height: 1.2;
    text-shadow: 0px 0px 5px #e11d2f, 0px 0px 20px #e11d2f;
    text-transform: uppercase;
    letter-spacing: 5px;
	margin: 0;
    padding: 0;
    background: none;
}
.home .main-view-wrap h2 span{
    display: block;
    font-size: 32px;
}
.home .main-view-wrap a.btn{
    margin: 2em atuo;
}

@media only screen and (max-width: 1120px) {
    .main-view-wrap {
        top: 60%;
        left: 50%;
    }
    .home .main-view-wrap a.btn{
        margin: 2em auto;
    }
}

.home h2.home-title{
    position: relative;
    font-family: "Fjalla One";
    text-transform: uppercase;
    line-height: 0.75;
    font-size: 40px;
    text-align: center;
    margin-bottom: 1em;
    padding-bottom: 25px;
    letter-spacing: 3px;
    background-image: repeating-linear-gradient(45deg, #e11d2f 0 3px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 7rem 0.6rem;
    background-position: center bottom;
}
.home h2 span.sub-title{
	font-size: 20px;
}
.home h3{
	font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: rgb(209 184 146);
}
.home_image_cover{
	position: relative;
/*    min-height: 600px;*/
	padding: 60px 5%;
}
.page .home_image_cover{
/*    min-height: 460px;*/
    overflow: hidden;
}
.cover_image01,
.cover_image02{}
.cover_text {
    /*min-height: 420px;*/
    width: 460px;
    text-align: left;
    padding: 50px;
    box-sizing: border-box;
    background: rgb(0 0 0 / 80%);
    border: solid 5px rgb(255 255 255 / 25%);
}
.reverse{
	float: right;
}
.cover_text h2,
.cover_text h3{
    font-size: 2.4rem;
    font-weight: 500;
	margin-bottom: 20px;
	color: rgb(209 184 146);
}
.cover_text p{
	color: #fff;
}
.cover_btn {
    color: #fff;
    background: #e11d2f;
    padding: 10px 15px;
}

.title-warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title-warp h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0;
}
.title-warp a{
    color: #333;
}
.title-warp i{
	color: #e11d2f;
}

.home-banner-wap {
    max-width: 600px;
    margin: 0 auto;
}
.home-banner-wap img{
	width: 100%;
	height: auto;
}

ul.recruit{
    max-width: 600px;
    margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border: solid 1px #ddd;
    line-height: 0;
}
ul.recruit li{
    flex: 1;
    margin: 5px;
}
ul.recruit img{
    width: 100%;
    height: auto;
}

ul.info {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}
ul.info li{
    padding: 15px 0;
    border-top: solid 2px #ddd;
}
ul.info li:last-child{
    border-bottom: solid 2px #ddd;
}
span.info-cat{
    display: inline-block;
    text-align: center;
    width: 110px;
    color: #fff;
    margin-right: 20px;
    padding: 3px 10px;
    background: #e11d2f;
}
span.info-date{
    margin-right: 20px;
}
span.info-title{}
span.info-title a{}



/* section
----------------------------------*/
section{
    padding: 100px 0;
    clear: both;
}
section.black, .black {
    background: #000;
    color: #fff;
    border-top: solid 1px #C67F02;
    border-bottom: solid 1px #C67F02;
}
section.gray, .gray {
    background: #ebebeb;
}

section#home-trainer h3{
	margin-bottom: 0;
}


/* seg
----------------------------------*/
.seg-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3em;
}
.seg-2{}
.seg-3{}
.seg-4{}
.seg{
    position: relative;
}
.seg-flame{
    border: solid 5px #ddd;
    width: 48%;
    flex: none;
    margin-bottom: 1em;
}
.seg-img{
	line-height: 0;
}
.seg-txt{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 20px;
    color: #ddd;
    background: #00000096;
    box-sizing: border-box;
}
.seg-2 .seg{
    width: calc(42% - 20px);
    padding: 4%;
}
.seg-2 .seg2-min{
    width: calc(50% - 20px);
    padding: 0;
}
.seg-3 .seg{
	width: calc(33.33% - 20px);
}
.seg-4 .seg{}
.seg img,
.seg-img img{
	width: 100%;
	height: auto;
}

.entry-content .seg-txt{
    position: relative;
    background: none;
    color: #333;
}
.entry-content .black .seg-txt{
	color: #fff;
}

.entry-content .seg-txt h3{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 20px;
    padding: 5px 10px;
    border: none;
    background: #e11d2f;
}

.entry-content .seg-txt.frame-line ul {
    list-style: none;
    margin: 0;
}
.entry-content .seg-txt.frame-line ul li {
    border: dotted 1px #999;
    padding: 7px 15px;
}

section#hospitality .seg-wrap{
	position: relative;
	margin-bottom: 4em;
}

.facility_items {
    border: solid 1px #ddd;
    margin-bottom: 1em;
    padding: 2%;
}

.facility_img,
.facility_txt{
    margin: 0;
}

#catch{
	padding: 50px 0 30px;
	text-align: center;
    border-top: solid #e11d2f 5px;
}
#catch h3{
	font-weight: 600;
	color: #e11d2f;
}
.catch-logo{
    width: 180px;
    margin: 0 auto 10px;
}
.catch-logo img{
	width: 100%;
	height: auto;
}


/* item-wrap
----------------------------------*/
.item-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item-wrap::after{
  content:"";
  display: block;
  width:30%;
}

.item-post{
    width: 30%;
    margin-bottom: 30px;
}
.item-post-image{
    line-height: 0;
    margin-bottom: 10px;
}
.item-post-image span.thumb{}
.item-post-image span.thumb a{}
.item-post-image img{
	width: 100%;
	height: auto;
}
.item-post-text{}
.item-post-text p{
    margin: 0;
}
.item-post-text h3{
    font-size: 1.6rem;
}
.item-trainers{
	position: relative;
}
.item-trainers .item-post-image{
	margin: 0;
}
.item-trainers .item-post-text{
    position: absolute;
    bottom: 0;
    background: #000000b0;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.t-name{
    color: #ef7171;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 2px;
}


/* main
----------------------------------*/
h1,h2,h3,h4,h5,h6 {}

.entry-title,
.singular .entry-title {
	color: rgb(51, 51, 51);
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	line-height: 1.5em;
	border-bottom: solid 2px;
	padding: 0 0 .3em;
}

.entry-content h2.main-title,
.main-title{
    border: none;
    font-family: "Fjalla One";
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1em;
    padding-bottom: 25px;
    letter-spacing: 3px;
    background-image: repeating-linear-gradient(45deg, #e11d2f 0 3px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 7rem 0.6rem;
    background-position: center bottom;
}
.main-title span {
    text-transform: initial;
    font-size: 23px;
    line-height: 1.5;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title{
	width: 100%;
	padding: 0;
}
.page .entry-content,
.entry-wrap{
	padding: 60px 0 0;
}
.singular.page .hentry{
	padding: 0;
}
.entry-content h1{
	font-size: 22px;
}
.entry-content h2 {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 0 0 .3em;
	border-bottom: solid 1px rgb(204, 204, 204);
}
.entry-content h2 .copy {
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 12px;
	font-weight: normal;
}
.entry-content h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.4;
	margin-bottom: 30px;
	padding-left: 10px;
	border-left: solid 5px;
}
.entry-content h3 span {
	font-size: 14px;
	border-bottom: solid 1px;
}
.entry-content h4{
	font-weight: bold;
	margin-bottom: 1em;
	border-bottom: dotted 1px;
}
.entry-content ul,
.entry-content ol{
	margin: 0 0 1.625em 20px;
}
.entry-content dd ul,
.entry-content dd ol{
	margin: 0 0 10px 20px;
}
.entry-meta {
	color: rgb(102, 102, 102);
	clear: both;
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
}
.singular #main{
	padding: 0;
}
.singular .hentry{
	margin: 0;
    padding: 0;
}
.singular #content{
    margin: 0;
    width: 100%;
}
.title-wrap {
	position: relative;
    background: #000;
    color: #fff;
    background: url(https://saitama.powerhousegym.jp/cms/wp-content/uploads/2024/03/background-header.jpg) top/cover no-repeat;
}
.title-wrap:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    background-color: rgba(0, 40, 70, 0.85);
}
#title-header{
	position: relative;
    width: 100%;
    padding: 180px 0 70px;
}
.entry-title,
.singular .entry-title{
	color: rgb(255 255 255);
    border: none;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 25px;
    letter-spacing: 3px;
    background-image: repeating-linear-gradient(45deg, #e11d2f 0 3px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 7rem 0.6rem;
    background-position: center bottom;
}
.entry-title span {
    text-transform: initial;
    font-size: 23px;
    line-height: 1.5;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}
.gray .entry-title,
.gray .singular .entry-title{
	color: #000;
}
.entry-content h2.entry-content-title{
    position: relative;
    font-family: "Fjalla One";
    text-transform: uppercase;
    line-height: 0.75;
    font-size: 40px;
    text-align: center;
    margin-bottom: 1em;
    padding-bottom: 25px;
    letter-spacing: 3px;
    background-image: repeating-linear-gradient(45deg, #dc3232 0 3px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 7rem 0.6rem;
    background-position: center bottom;
}
.entry-content h2.entry-content-title span{
    font-size: 20px;
}
ul.human_sns{
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 0;
    padding: 0;
    max-width: 200px;
    text-align: center;
    margin: 0 auto 2em;
}
ul.human_sns li{
    margin: 0 3%;
}
ul.human_sns i{
	font-size: 36px;
}
ul.human_sns .fa-square-instagram{
	color: #dd31a2;
}
ul.human_sns .fa-line{
	color: #06c755;
}

ul.card {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    line-height: 0;
    margin: 0 0 10px;
    padding: 0;
}
ul.card li{
    width: 31%;
    margin: 1%;
}

.flex-contact .inner{
	max-width: 980px;
}
.flex-contact h2,
.entry-content .flex-contact h2{
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 38px;
    margin: 0;
    border: none;
}
.entry-content h2.sub-2{
	font-size: 22px;
    line-height: 1.6;
}
.flex-contact .comm,
.entry-content .flex-contact .comm{
    margin-bottom: 40px;
    border-bottom: solid 1px #333;
    padding-bottom: 20px;
}
.flex-contact-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btn-regi{
    display: inline-block;
    color: #fff;
    margin: 5px 0 10px;
    padding: 7px 20px;
    border-radius: 5px;
    background: #e11d2f;
}
.btn-regi .fa-id-card{
    font-size: 18px;
}
.flex-contact-phone{
	flex: 2;
	position: relative;
	line-height: 1.3;
}
.flex-contact-phone div {
    padding-left: 70px;
}
.flex-contact-phone:before {
    content: '\f098';
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    position: absolute;
    font-size: 63px;
    left: 0;
    top: -3px;
}
.flex-contact-phone a {
	color: #fff;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: 2px;
}
.flex-contact-form{
	flex: 1;
	text-align: center;
    border-left: solid 1px #333;
}
.flex-contact-form i{
    font-size: 48px;
    margin-bottom: 5px;
}
.flex-contact-form .fa-line{
	color: #06c755;
}
.flex-contact-form .fa-envelope{
	color: #fff;
}

.post-thmbnail{
	margin-bottom: 2em;
}
.post-thmbnail img{
	max-width: 100%;
    width: 100%;
    height: auto;
}
.free-area {
    border: solid 1px #ddd;
    padding: 30px 30px 0;
    margin-bottom: 2em;
    overflow: auto;
}


/* table
----------------------------------*/
.entry-content table{
    width: 100%;
    margin-bottom: 2em;
    border: solid 2px #dfdfdf;
}
.entry-content table tr{}
.entry-content table tr:nth-child(2n){
	background: #fcfcfc;
}
.entry-content table th,
.entry-content table td{
    font-size: 16px;
    font-size: 1.6rem;
    padding: 1em;
    border: solid 1px #ddd;
}
.entry-content table th{
	width: 35%;
	color: #fff;
	background: #000;
    line-height: 1.6;
}
.entry-content table td ul{
    margin-bottom: 0;
}
.entry-content table.table-min th{
    width: 20%;
}
.tbl-title span {
    font-size: 14px;
    font-weight: 400;
}


/* fade-tab
----------------------------------*/
.entry-content .fade-tab,
.fade-tab {
    list-style: none;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 4em 0;
    box-sizing: border-box;
}
.fade-tab li {
  width: 100%;
}
.fade-tab li a{
  display: block;
  color: rgb(102, 102, 102);
  border-top: solid rgb(221, 221, 221);
  padding: 10px 0;
  line-height: 2;
}
.fade-tab li a:hover{
  color: rgb(51, 51, 51);
  border-top: solid rgb(204, 204, 0);
}
.fade-tab li.active a{
  cursor: pointer;
  color: rgb(51, 51, 51);
  border-top: solid rgb(204, 204, 0);
}
.tab-content {}
.fade-content {
  clear: both;
  overflow: hidden;
  width: 300px;
  border:1px solid #eee;
  height:300px;
}
.fade-area {
  display: none;
  position: relative;
}
.fade-area h3{ margin: 30px 0; }
.fade-area ul {
  list-style: none;
  margin: 0;
}
.fade-area ul li {
  line-height: 1.6;
  padding: 7px 10px;
  border-top: dotted 1px rgb(221, 221, 221);
}
.fade-area ul li:first-child{
  border: none;
}
.fade-area ul li:nth-child(2n){background: rgb(245, 245, 245);}
.fade-thmubnail img{
  display: block;
  max-width: 80%;
  margin: 0 auto 2em;
}
.fade-tab.area-tab li{
  width: 25%;
  position: relative;
  box-sizing: border-box;
}
.fade-tab.area-tab li:first-child a{
  border-radius: 30px 0 0 30px;
}
.fade-tab.area-tab li:last-child a{
  border-radius: 0 30px 30px 0;
  border-right: solid 2px rgb(255, 255, 255);
}
.fade-tab.area-tab li.active,
.fade-tab.area-tab li:hover{
}
.fade-tab.area-tab li a {
  border: none;
  padding: 15px;
  line-height: 1.4;
  color: #fff;
  border: solid 2px rgb(255, 255, 255);
  border-right: none;
  background: #888;
}
.fade-tab.area-tab li.active a,
.fade-tab.area-tab li a:hover{
  color: #fff;
  background: #e11d2f;
}
.fade-tab.area-tab li a span{
  font-size: 16px;
}
.fade-tab.area-tab li a span.dot{
  font-size: 12px;
  margin: 0 -2px;
}

/* PREV NEXT
----------------------------------*/
#prev_next{
	width:100%;
	margin: 36px 0 24px;
	padding:0;
	display: table;
}
#prev_next  #prev, #prev_next  #next{
	width: 50%;
	padding:30px 10px 10px;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	display: table-cell;
	position:relative;
	text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
	font-size:90%;
	line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
	border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
	font-size:90%;
	top:-1em;
	position:absolute;
	border: 1px #ccc solid;
	background:#fff;
	text-align: center;
	padding:3px;
	color:#666;
}
#prev_next #next_title{
	right:10px;
}
#prev_next #prev img, #prev_next #next img{
	margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
	padding:0 10px;
	display: table-cell;
}
#prev_next #prev_no{
	border-right:#ccc 1px solid;
}
#prev_next_home{
	margin:0 auto;
	background-color: #39f;
	border: solid 9px #fff;
	width: 100px;
	height:100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #39f;
	-webkit-box-shadow: 0 0 0 3px #39f;
	-moz-box-shadow: 0 0 0 3px #39f;
	text-align:center;
}
#prev_next_home:hover{
	background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}
@media only screen and (min-width: 780px) {
	#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
	#prev_next #next, #prev_next #next::before, #prev_next #next::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#prev_next #prev_title, #prev_next #next_title{
		padding:3px 10px;
	}
	#prev_next #next_title{
		right:10px;
	}
	#prev_next #prev img{
		float:left;
		margin-right:10px
	}
	#prev_next #next img{
		float:right;
		margin-left: 10px;
	}
}


/* contact
-----------------------------------------*/

table.form-table{
    border-collapse: collapse;
    font-size: 15px;
    border: solid 5px #bbb !important;
}
table.form-table tbody{ border: solid rgb(221, 221, 221) 3px; }
table.form-table caption{}
table.form-table tr{}
table.form-table th,
table.form-table td{
    padding: 15px 1.5%;
    border: solid #999 1px;
}
table.form-table p{
    margin: 0;
}

table.form-table td ol{
    margin-left: 30px;
}
table.form-table th{
    width: 36%;
    vertical-align: top;
    background: #333;
}
table.form-table td{}
table.form-table th span.must {
    float: right;
    line-height: 1.8em;
    display: block;
    font-size: 12px;
    color: rgb(255, 255, 255);
    padding: 0 .5em;
    border-radius: 2px;
    background-color: rgb(203, 105, 112);
}
table.form-table td #color-check .wpcf7-list-item,
.wpcf7-form-control.wpcf7-radio.cover .wpcf7-list-item{
    display: block;
}
.wpcf7-radio .wpcf7-list-item{
    margin: 0 1em 0 0px;
}

table.form-table td .check-con .wpcf7-list-item{
    display: block;
}
input, select {
    font-size: 16px !important;
}
input, textarea {
    font-size: 16px;
    max-width: 100%;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid rgb(234, 234, 234);
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: rgb(112, 112, 112);
    color: rgba(51, 51, 51, 0.7);
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {
    background: rgb(250, 250, 250);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
    border: 1px solid rgb(221, 221, 221);
    color: rgb(136, 136, 136);
    width: 47%;
    margin: 0 1%;
    padding: 0.375em;
}
textarea{
    width: 100%;
}
input[type="submit"] {
    margin: 10px 0;
    padding: 5px 30px;
}


/* footer
----------------------------------*/

#colophon .inner{
    padding: 50px 0;
}
#colophon ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#colophon ul li{}
#colophon ul li a{
    color: #ddd;
    font-weight: 400;
    padding: 3px;
    display: inline-block;
}
.footer-logo{
    width: 150px;
}
.footer-logo img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
ul.social {
    display: flex;
    justify-content: space-between;
    width: 150px;
}
ul.social i{
	font-size: 30px;
}

#colophon ul.footer-phglink{
    max-width: 260px;
    margin: 20px 0 0;
}
#colophon .footer-access2 h4 {
    border: solid 1px #666;
    padding: 5px 15px;
    margin-bottom: 10px;
}
#colophon .footer-access2 ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 1em;
}
.totop {
    display: block;
    color: rgb(255 255 255);
    font-size: 0.88em;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
	background: rgb(225 29 47);
}
#site-generator {
    padding: 0;
    border: none;
}


@media only screen and (max-width: 1120px) {
    #header{
        padding: 20px 20px 15px;
    }
    .openbtn{
        top: 25px;
    }
    #g-nav.panelactive {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgb(0 0 0 / 85%);
    }
    .inner,
    #colophon .inner{
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    #site-title{
        max-width: 80px;
    }
    .main-view-wrap p {
        font-size: 14px;
    }
    .home .main-view-wrap h2{
        font-size: 36px;
    }
    .home .main-view-wrap h2 span{
        font-size: 20px;
    }
    .home h2.home-title{
        font-size: 30px;
        font-weight: 600;
    }
    a.btn{
        font-size: 14px;
        max-width: 50%;
        padding: 10px;
    }
    #bread-wrap{
        display: none;
    }
    section {
        padding: 60px 0;
    }
    .page .home_image_cover{
        background-attachment: initial !important;
        min-height: auto;
        overflow: auto;
    }
    #main #content{
        margin: 0;
    }
    .cover_text{
        width: 100%;
        min-height: auto;
        padding: 30px 40px 20px;
    }
    .cover_text h2, .cover_text h3{
        font-size: 20px;
    }
    .seg-wrap{
        display: block;
    }
    .seg-2 .seg,
    .seg-3 .seg {
        width: 100%;
        box-sizing: border-box;
    }
    .flex-contact h2, .entry-content .flex-contact h2,
    .title-warp h2,
    .entry-title, .singular .entry-title{
        font-size: 24px;
    }
    ul.info li{
        font-size: 15px;
        padding: 10px 0;
    }
    span.info-cat{
        font-size: 13px;
        width: 90px;
        margin-right: 10px;
        padding: 0 3px;
    }
    span.info-title {
        display: block;
    }
    .flex-contact-box{
        display: block;
    }
    .flex-contact-phone,
    .flex-contact-form,
    .flex-contact-form{
        font-size: 15px;
        width: 90%;
        margin: 0 auto;
    }
    .flex-contact-form {
        width: 100%;
        border: none;
        margin: 10px 0 0;
    }
    .flex-contact-phone{
        max-width: 300px;
    }
    .flex-contact-phone a{
        font-size: 27px;
    }
    .flex-contact-phone:before{
        font-size: 50px;
    }
    .flex-contact-form i{
        font-size: 32px;
    }
    .single-trainers .slide-wrap{
        padding-top: 1em;
    }
    .slider img{
        width: 85vw;
    }
    .pc{
        display: none;
    }
    .entry-content .fade-tab, .fade-tab{
        display: block;
    }
    .fade-tab.area-tab li {
        width: 100%;
    }
    .fade-tab.area-tab li a,
    .fade-tab.area-tab li:first-child a,
    .fade-tab.area-tab li:last-child a{
        border-radius: 0;
        border: solid 1px #ddd;
    }
    .item-wrap{
        display: block;
    }
    .item-post{
        width: 100%;
    }
    .entry-content h2.entry-content-title,
    .entry-content h2.main-title,
    .main-title{
        font-size: 22px;
        line-height: 1.6;
    }
    .entry-content h2.entry-content-title span{
        font-size: 15px;
    }
    .entry-content .seg-txt{
        padding: 10px 5px;
    }
    .entry-content table th,
    .entry-content table.table-min th,
    .entry-content table td{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 10px;
    }
    #colophon{
        text-align: center;
        padding-top: 40px;
    }
    .footer-logo{
        margin: 0 auto;
    }
    #colophon ul{
        margin: 0 auto 1em;
    }
    #colophon .menu-menu-1-container li a{
        display: block;
        padding: 5px 0;
        border-bottom: dotted 1px #333;
    }
    table.form-table td{
        padding: 15px 10px;
    }
    .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
        direction: ltr;
        width: 98%;
    }
    #footer-access .cover_text{
        text-align: center;
    }
    #colophon .footer-access2 ul {
        max-width: 260px;
        margin: 0 auto 1em;
        text-align: left;
    }
    #colophon ul.footer-phglink{
        margin: 20px auto 0;
    }
}