/*
Template:wpex-bizz
Theme Name:wpex-bizz_child
Theme URI:http://www.athleteyoga.jp/wp/
Description:child theme of wpex-bizz
Author:KAU-Design
Version:1.0
*/

@import url("../wpex-bizz/style.css");
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {color:#444; font-family: 'Lato', メイリオ, sans-serif!important;}
body a {color: #da0000;}

/* Reset
================================================== */
h1.page-header-title {font-weight: normal;}
#logo img {max-width: 250px;}

#header { margin-bottom: 20px; }

/* The Grid
================================================== */
.col { margin: 0 0 2% 1.1%; }

/* Body & Main
================================================== */
#wrap { margin-top: 25px; margin-bottom: 60px; }
#homepage-slider-wrap {display: block;}
/* Commons
================================================== */
table{border-bottom:1px solid #ddd;}
td, th{border-left:1px solid #ddd; font-size:12px;}
th.dates {width:40px; background:#CFF; color:#333; text-align: center;}

dl { padding: 0; margin:10px 0 25px; }
dt { width:100px; border-top:1px solid #DFE0D4; float:left;
color:#3E92A3; font-weight:400; padding:7px 0; font-weight: bold;}
dd {margin-left:100px;border-top:1px solid #DFE0D4; padding:7px 0 7px 7px;}

/* balloon-2 bottom */
#balloon-2-bottom {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	background: #3E92A3;
	z-index: 0;
	margin-bottom:1.5em;
}
#balloon-2-bottom:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #3E92A3 transparent transparent transparent;
}


/* Typography
================================================== */
.clear { clear:both; }
.tright { text-align:right; }
.tleft { text-align:left; }
.fltright { float:right; }
.fltleft { float:left; margin-right:15px; }
.tcenter { text-align:center; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.c_org { color:#f8610f; }
.c_grn { color:#4d9b55;}
.c_blu { color:#1d7799;}
.c_yel { color:#c4ba14;}

.bold {font-weight:bold;}


/* for Button _____________________  */

.btn_s, input[type="submit"].btn_s {font-size:13px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 10px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px; }
.btn_m, input[type="submit"].btn_m, input[type="button"] {font-size:14px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 15px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

input[type="submit"] {font-size:14px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:0px 15px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

.btn_l, input[type="submit"].btn_l {font-size:16px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 30px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

a.btn_s, a.btn_m, a.btn_l {color:#ffffff;}
a.btn_s:active, a.btn_m:active, a.btn_l:active { position:relative; top:1px; }

a.b_wgrn, input[type="submit"].b_wgrn, input[type="reset"].b_wgrn { background:#659d9d;}
a.b_grn, input[type="submit"].b_grn, input[type="reset"].b_grn { background:#4a8d2d;}
a.b_org, input[type="submit"].b_org, input[type="reset"].b_org { background:#ff7600;}
a.b_blu, input[type="submit"].b_blu, input[type="reset"].b_blu { background:#21779c;}


a.b_wgrn:hover { color:#ffffff; background:#7bb4b4; }
a.b_grn:hover { color:#ffffff; background:#5b9d3e; }
a.b_org:hover { color:#ffffff; background:#fd9437; }
a.b_blu:hover { color:#ffffff; background:#4590b1; }

input[type="submit"], input[type="reset"], input[type="button"]{ border:none; background:#f72349; font-weight: bold;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ filter: alpha(opacity=80); opacity: .6; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }

/*Input*/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {font-family: 'Lato', メイリオ, sans-serif!important; display:inline; margin:2px 0;}


/* Main Navigation
================================================== */
#site-navigation .dropdown-menu > .current-menu-item > a { color:#da0000;}
#site-navigation .dropdown-menu a {font-size: 1em; color:#555;}
/*styling*/
#site-navigation-wrap {top: 75%; font-family: 'Lato', メイリオ, sans-serif!important;}

/*drop-down styles*/

/* Sidebar
================================================== */
.flexslider { position: static;}
.slide_txt { font-size:24px; color:#fff; position:absolute; bottom: 50px; left: 5%; line-height:1.5; padding:0 20px;}

/* 講師一覧
================================================== */
.writers{
    overflow:hidden;
}
.writer-profile{
    width: 18%;
    min-height: 350px;
    margin:1%;
    float:left;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

/* member
================================================== */
#members {}
#members p.topread{font-size:16px; padding-bottom:25px; border-bottom:1px dotted #ccc;}
#members img.graph {float:left; margin-right:30px; margin-bottom:20px; width:320px; height:321px; }
#members .graphbox {padding:25px 0;}
#members .graphinfo {}
#members .graphinfo_inner {padding-bottom:1em;}
#members .graphinfo p {font-size:15px; line-height:1.5;}
#members .graphinfo_no1 {color:#da0000; font-size:30px;}
#members .graphinfo_no2 {color:#e67070; font-size:30px;}
#members .graphinfo_no3 {color:#7e7272; font-size:30px;}

/* Feature Entries
================================================== */
.feature-entry-url:hover .feature-icon-font .fa {color:#da0000; }

/* Portfolio
================================================== */
/*main*/
dl.form01 { padding: 0; margin:10px 0 25px; }
dl.form01 dt { width:200px; border-top:1px solid #DFE0D4; float:left;
color:#da0000; font-weight:400; padding:7px 0; font-weight: bold;}
dl.form01 dd {margin-left:200px;border-top:1px solid #DFE0D4; padding:7px 0 7px 7px;}
.portfolio-entry-title {font-size: 1em;}



/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (min-width: 980px) {
	#homepage-slider-wrap {min-height:400px; }
	
}
@media only screen and (max-width: 767px) {
	#members img.graph {float:none; margin: 0 auto; width: 100%; height:auto; }
	#homepage-slider-wrap {min-height:180px; }
	#wrap {margin-top: 20px;}
	dl.form01 dt { float:none; width:100%;}
	dl.form01 dd {margin-left:0px; border-top:0px;}
}

@media only screen and (max-width: 480px) {
	#homepage-slider-wrap {min-height:180px; }
	.slide_txt {bottom: 30px; font-size: 16px;}
	
	#members .graphinfo_inner img {width:28px;}
	#members .graphinfo_no1 {font-size:24px;}
	#members .graphinfo_no2 {font-size:24px;}
	#members .graphinfo_no3 {font-size:24px;}
	#members .graphinfo p {font-size:14px; line-height:1.5;}
}


/*==================================================

	jamd-style 18.03.24

==================================================*/
.cat-select {
    margin-bottom: 27px;
}
.cat-select__list {
    font-size: 0;
}
.cat-select__item {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    font-size: 13px;
}
.cat-select__item.item--icon {
    box-sizing: border-box;
    display: inline-block;
    width: 135px;
    padding: 3px 10px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background: red;
}
.cat-select__item.item--icon.icon--all { position: relative; color: #fff; background: #ff4500;}
.cat-select__item.item--icon.icon--seminar { color: #fff; background: #4eba97;}
.cat-select__item.item--icon.icon--news { color: #fff; background: #584133}
.cat-select__item.item--icon.icon--event { color: #fff; background: #d6cb00;}
.cat-select__item.item--icon.icon--course { color: #fff; background: #0071a5;}
.cat-select__item.item--icon.icon--magazine { color: #fff; background: #8e0078; width:170px;}
.cat-select__item.item--icon.icon--current { color: #fff; background: #bdbdbc;}

.cat-select__item.item--icon.icon--all:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 11px solid #ff4500;
}
.post-archive01 {
    font-size: 0;
}
.post-archive01__item {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 12px;
    font-size: 12px;
    vertical-align: top;
}
.post-archive01__item-inner {
    display: table;
    width: 100%;
}
.post-archive01__item__aside,
.post-archive01__item__body {
    display: table-cell;
    vertical-align: top;
}
.post-archive01__item__aside {
    width: 122px;
}
.post-archive01__item__body {
    padding: 0 12px;
}
.post-archive01__item .icon-cat {
    display: inline-block;
    box-sizing: border-box;
    min-width: 80px;
    padding: 0 3px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
	margin-bottom: 3px;
}
.icon-cat.cat--news { background: #584133;}
.icon-cat.cat--seminar { background: #4eba97;}
.icon-cat.cat--event { background: #d6cb00;}
.icon-cat.cat--media { background: #2f4f79;}
.icon-cat.cat--course { background: #0071a5;}
.icon-cat.cat--magazine { background: #8e0078;}

.icon-cat.cat--all:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.post-archive01__item .icon-cat + .icon-cat {
    margin-left: 3px;
}
.post-archive01__item__date {
    margin: 4px 0 0;
    font-size: 13px;
    color: #999;
}
.post-archive01__item__title {
    font-weight: bold;
}
.archive-sort {
    font-size: 12px;
}

/*==================================================
	movie
==================================================*/
.mov_box {width:46%; float:left; margin:5px 2%; text-align:center;}

.mov_box span {font-size:15px;}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


@media only screen and (max-width: 767px) {
	.cat-select__item {
		width: 50%;
		font-size: 12px;
	}
	.cat-select__item.item--icon {
		width: 100%;
		vertical-align: top;
	}
	.cat-select__item.item--icon.icon--all:before {
		display: none;
	}
	.post-archive01__item {
		width: 100%;
	}
	.post-archive01__item .icon-cat {
		margin: 3px;
	}
	.post-archive01__item .icon-cat + .icon-cat {
		margin: 0;
	}

	.mov_box {width:100%; float:none; margin:5px 0;}


}