@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic);
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

/*------------------------------------------------
目次
1. Basic
	1-1. body
	1-2. a
	1-3. h
	1-4. span
2. Header
	2-1. Global Navgation
	2-2. Collapse Menu
3. Footer
4. Parts
	4-1. Buttons
	4-2. Pagination
	4-3. Accordion
	4-4. Sub Navigation
	4-5. Custom Table
	4-6. Bread Crumb
	4-7. Color Section
	4-8. Content Section
	4-9. To Top Button
	4-10. Google Map
	4-11. Scroll box
	4-12. Label
5. Contents
	5-1. Top page
	5-2. Brand AFAA License
	5-3. Brand AFAA Fitness Academy
	5-4. News
	5-5. Find Instructor
	5-6. Shopping
	5-7. Program
	5-8. Workshop
	5-9. Brand SBZ
6. Form
7. Utilty
	7-1. Margin Top
	7-2. Margin Bottom
	7-3. Padding Top
	7-4. Padding Bottom
	7-5. PC/SP Display Switch
	7-6. Print
--------------------------------------------------*/


/*------------------------------------------------
1. Basic
--------------------------------------------------*/

/* 1-1. body
--------------------------------------------------*/
body {
	color: #666666; 
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.8;
	/*padding-top: 92px;/*ナビゲーション固定の為*/
	text-rendering: geometricPrecision;
	word-wrap: break-word;
	word-break: break-word;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
}

p {
	margin: 0 0 20px;
}

/* 1-2. a
--------------------------------------------------*/
a, a:link {color: #d30535;line-height: 1}
a:visited {color: #d30535;}
a:hover, a:active {color: #e56986; text-decoration: none;}
a:focus {outline: none;}
.inverse a, .inverse a:link {color: #ffffff;}
.inverse a:visited {color: #ffffff;}
.inverse a:hover, .inverse a:active {color: #dddddd;}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	-webkit-transition-duration: 350ms;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 350ms;
	-moz-transition-property: -moz-opacity;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 350ms;
	-o-transition-property: -o-opacity;
	-o-transition-timing-function: ease;
}

.afaa a, .afaa a:link {
	color: #024ca2;
}
.afaa:visited {
	color: #024ca2;
}
.afaa a:hover, .afaa a:active {
	color: #6794c7; text-decoration: none;
}

.zumba a, .zumba a:link {
	color: #dae32a;
}
.zumba:visited {
	color: #dae32a;
}
.zumba a:hover, .zumba a:active {
	color: #a3aa20; text-decoration: none;
}

/* 1-3. h
--------------------------------------------------*/
h1 {
	color: #333333;
	font-size: 200%;
	margin-bottom: 50px;
	margin-top: 0;
	text-align: center;
}
@media (max-width: 767px) {
	h1 {
		text-align: left;
	}
}

h2 {
	color: #333333;
	font-size: 164.3%;
	line-height: 1.8;
	margin-top: 0;
	text-align: center;
}
h2:after {
	content: "";
	background: #d30535;
	display: block;
	height: 2px;
	margin: 5px auto 30px;
	width: 60px;
}
.afaa h2:after {
	background: #024ca2;}
.zumba h2:after {
	background: #dae32a;
}

/*h3 {
	color: #333333;
	font-size: 100%;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}*/

h3 {
	border-bottom: 2px solid #eee;
	color: #333333;
	font-size: 120%;
	position: relative;
	padding-bottom: 5px;
}
h3:after {
	background-color: #d30535;
	bottom: -2px;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	width: 15%;
	z-index: 2;	
}
.afaa h3:after {
	background: #024ca2;
}
.zumba h3:after {
	background: #dae32a;
}

h1.img, h2.img, h3.img, h4.img, h5.img {
	line-height: 1;
}

.color-section-01 h1, .color-section-01 h2, .color-section-01 h3 {
	color: #cccccc;
}

.color-section-01 h1.img {
	text-align: center;
}

/* 1-4. span
--------------------------------------------------*/
span.pink {
	color: #d30535;
}

/*------------------------------------------------
2. Header
--------------------------------------------------*/
/* 2-1. Global Navigation
--------------------------------------------------*/
/*メニューボタンのマージン調整に合わせてnavbarのmin-heightを狭める*/
.navbar {
	margin-bottom: 0px;
	min-height: 65px;
}
/*グローバルナビゲーションの背景色を変更*/
.navbar-inverse {
	background-color: #000000;
	border-color: #090909;
}
/*ロゴ画像使用によるナビゲーションのレイアウト調整*/
.navbar-brand {
	height: 63px;
	padding: 5px 5px;
}
/*スマホ表示メニューボタンのマージン狭める*/
.navbar-toggle {
	margin-bottom: 15px;
	margin-top: 15px;
}
/*ナビゲーションのフォーカス時のスタイル*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #191817!important;
	color: #ffffff!important;
}
/*ログインボタンパディング調整*/
.navbar-btn-wrapper {
	padding-left: 15px;
}
@media (max-width: 767px) {
	/*ロゴ画像使用によるナビゲーションのレイアウト調整*/
	.navbar-brand {
		height: 65px;
		padding: 15px 15px;
	}
	/*ログインボタンマージン調整*/
	.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
		margin-bottom: 15px;
		margin-top: 15px;
	}
}
@media(min-width:992px) {
	/*PC表示のナビゲーションメニュー項目*/
	.navbar-nav > li > a {
		border-radius: 0;
		margin-bottom: 12px;
		margin-top: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.nav>li>a {
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0;
	}
	.navbar-nav>li>a {
		line-height: normal;
	}
}
@media(min-width:768px) and (max-width:1200px) {
	.nav>li>a {
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		padding: 5px 5px;
	}
	.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
		font-size: 11px;
	}
}
/*タブメニューパディング調整*/
.nav-tabs > li > a {
	padding: 10px 10px;
}

/*スマホハンバーガーメニュー横メンバーメニュー 2017/07/24追記*/
.navbar-dark .navbar-toggle {
	border: 1px solid #555555!important;
}

.member-menu {
	display: inline-block;
	right:60px;
	top:11px;
	position: absolute;
	font-size:22px;
}
.member-menu a.menu-item {
	margin-right: 5px;
	opacity:0.8;
}
.member-menu a.logout {
	color:#666666;
}
.member-menu a.menu-item span {
	font-size: 10px;
	margin-left: 5px;
	color: white;
}

/* 2-2. Collapse Menu
--------------------------------------------------*/
/*スマホ表示・コラップスメニュー高さ調整*/
/* 共通・コラプスメニューspan要素 */
.navbar li span { 
	color: #999999;
	font-size: 10px;
}
@media (max-width: 767px) {
	/* SP表示・コラプスメニューspan要素inline表示  */
	.navbar li span	{
		display: inline-block;
		margin-left: 10px;
	}
	/*SP表示・コラプスメニュー右メニューボタンレイアウト*/
	.navbar-right > li {
		float: left;
	}	
	.navbar-right > li > a {
		color: #d30535!important;
	}
	.navbar-right > li > a:hover {
		color: #e56986!important;
	}
	/*2017.07.20テスト追記*/
	.navbar-right > li.status {
		padding: 15px 15px 5px;
		float: none;
		line-height: 1em;
	}
}
@media (min-width: 768px) {
	/* PC表示・コラプスメニューspan要素block表示 */
	.navbar li span	{
		display: block;
		margin-top: 5px;
	}
	/* PC表示・コラプスメニューhoverでドロップダウン表示*/
	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	/*PC表示・上段右メニューボタン装飾*/
	.navbar-right > li{
		background-color: #d30535;
		margin-left: 5px;
		text-align: center;
		/*width: 25px;*/
	}
	.navbar-right > li > a {
		font-size: 11px;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 0;
		padding: 3px 8px;
	}
	.navbar-right > li > a:hover {
		background-color: #e56986!important;
		color: #ffffff!important;
	}
	/*2017.07.20テスト追記*/
	.navbar-right > li.status {
		background-color: #000000!important;
		color: #999;
	}
	.navbar-right > li > a {
		font-size: 11px;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 0;
		padding: 3px 8px;
	}
	.navbar-right > li > a:hover {
		background-color: #e56986!important;
		color: #ffffff!important;
	}
}


/*------------------------------------------------
3. Footer
--------------------------------------------------*/
footer {
	
	color: #eee;
	background-color: #333;
	padding: 10px 0;
}

footer .copyright {
	color: #757474;
}

footer .navbar-nav {
    margin: 14px 14px;
}


/*------------------------------------------------
4. Parts
--------------------------------------------------*/
/* 4-1. Buttons
--------------------------------------------------*/
.btn {
	/*border-radius: 0;*/
	border-radius: 5px;
	padding: 8px 16px;
}

.btn-primary, .btn-primary:active, .btn-primary:focus {
	background-color: #d30535;
	border-color: #d30535;
	color: #fff;
}
.btn-primary:hover {
	background-color: #e56986;
	border-color: #e56986;
}

.btn-success {
	color: #fff;
	background-color: #111111;
	border-color: #111111;
}
.btn-success:hover {
	background-color: #333333;
	border-color: #333333;
}

.btn-info, .btn-info:active, .btn-info:focus  {
	background-color: transparent;
	border: 2px solid;
	border-color: #ffffff;
	color: #ffffff;
}
.btn-info:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #333333;
}

.btn-warning, .btn-warning:active, .btn-warning:focus{
	background-color: transparent;
	border: 2px solid;
	border-color: #d30535;
	color: #d30535;
}
.btn-warning:hover {
	background-color: #d30535;
	border-color: #d30535;
	color: #ffffff;
}

.btn-large {
	font-size: 16px;
	padding: 20px 50px;
}

.btn-responsive {
	padding: 20px 0;
	width: 100%;
}

.btn-favorite {
	width: 100%;
	text-align:center;
	padding: 8px 0;
	font-size: 11px;
}

@media only screen and (max-width:767px){
	.btn-favorite {
		margin-top:5px;
	}
}

/* 4-2. Pagination
--------------------------------------------------*/
#pager {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 8px;
}
#pager span {
	text-decoration: none;
	margin-right: 12px;
}
#pager span.current {
	color: #999;
}

/*2017.07.23追記*/
.searchresult {
	background: #f2f2f2;
	padding: 3px 10px;
	font-size: 12px;
}

.pagination {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 8px;
}
.pagination span {
	text-decoration: none;
	margin-right: 12px;
}
.pagination span.current {
	color: #999999;
}
.pagenation span.result {

}


/* 4-3. Accordion
--------------------------------------------------*/
.panel-heading .accordion-toggle h4:after {
/* symbol for "opening" panels */
	color: grey;
	content: "\f078";
	float: right;
	font-family: 'FontAwesome';
	overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h4:after {
	/* symbol for "collapsed" panels */
	content: "\f054";
}
a.accordion-toggle{
	text-decoration: none;
}
.panel-title {
	font-size: 100%;
}

/* 4-4. Sub Navigation
--------------------------------------------------*/
.zumba .list-group-item {
	background-color: #dae32a;
	border: 1px solid #a3aa20;
	color: #666666!important;
}
.zumba a.list-group-item:hover, .zumba a.list-group-item:focus, .zumba button.list-group-item:hover, .zumba button.list-group-item:focus {
	background-color: #a3aa20;
	color: #666666;
}

.afaa .list-group-item {
	background-color: #024ca2;
	border: 1px solid #6794c7;
	color: #ffffff!important;
}
.afaa a.list-group-item:hover, .afaa a.list-group-item:focus, .afaa button.list-group-item:hover, .afaa button.list-group-item:focus {
	background-color: #6794c7;
	color: #ffffff;
}

.jwi .list-group-item {
	background-color: #d30535;
	border: 1px solid #e56986;
	color: #ffffff!important;
}
.jwi a.list-group-item:hover, .afaa a.list-group-item:focus, .afaa button.list-group-item:hover, .afaa button.list-group-item:focus {
	background-color: #e56986;
	color: #ffffff;
}
.zumba .panel, .afaa .panel {
	background-color: transparent;
}

/* 4-5. Custom Table
--------------------------------------------------*/
.custom-table th  {
	background-color: #e6e6e6;
	text-align: left;
}
.custom-table.padded th {
	padding: 15px!important;
}
.custom-table.padded td {
	padding: 15px!important;
}
.custom-table th.middle {
	line-height: 1!important;
	vertical-align: middle!important;
}
 .custom-table .form-group {
 	margin-bottom: 0;
 }
.table-center th, .table-center td {
	text-align: center;
}
@media only screen and (max-width:767px){
	.custom-table {
		border: none;
		border-top: 1px solid #dddddd;
	}
	.custom-table th, .custom-table td {
		border: none;
		width: 100%;
		display: block;
	}
	.custom-table th {
		border: none;
	}
	.custom-table th {
		border: none;
	}
	.custom-table >tbody >tr > th, .custom-table >tbody >tr >td {
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		border-top: none;
	}
	.search {
		font-size: 64.286%;
	}
}

/* 4-6. Bread Crumb
--------------------------------------------------*/
.breadcrumb {
	background: none;
	font-size: 85.714%;
	list-style: none;
	margin-bottom: 60px;
	padding: 0;
}
.breadcrumb > li + li:before {
	content: ">";
}

/* 4-7. Color Section
--------------------------------------------------*/
.color-section-01 {
	background-color: #111111;
	color: #cccccc;
}
.color-section-01 .breadcrumb > .active { 
	color: #cccccc;
}
.color-section-02 {
	background-color: #eeeeee;
}
.color-section-03 {
	background-color: #dae32a;
}
.color-section-04 {
	background: linear-gradient(135deg, #e01ec2, #fb6845);
	color:#ffffff;
}

.wrapper-image {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 767px) {
	.wrapper-image {
		background-attachment: scroll;
	}
}

.wrapper-pixelgrid {
	background: url(https://files.j-wi.co.jp/v2/img/base/pixelgrid.png) 0px 0px repeat fixed transparent;
}
.wrapper-transparent-black {
	background-color: rgba(25,24,23,0.5);
}

/* 4-8. Content Section
--------------------------------------------------*/
/*リード用コンテンツセクション*/
.content-section-01 p {
	line-height: 2.4em;
}
.content-section-01 .ttl {
	font-size: 164.3%;
}
/*可変コンテンツセクション*/
.content-section-02 h3 {
	border-bottom: 1px solid #eee;
	color: #333333;
	font-size: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0;
}
.content-section-02 h3::after {
	content: none;
}
@media (max-width: 767px) {
	.content-section-02 h3 {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
.content-section-02 p {
	font-size: 92.9%;
	line-height: 1.5;
}
.content-section-02 img {
	margin-bottom: 10px;
}

/*通常コンテンツセクション*/
.box-section-01 {
	margin-bottom: 60px;
}

/*ページネーションが続く場合のコンテンツセクション*/
.box-section-02 {
	margin-bottom: 20px;
}

/* 4-9. To Top Button
--------------------------------------------------*/
#page-top {
	bottom: 20px;
	font-size: 20px;
	position: fixed;
	right: 20px;
}
#page-top a {
	background: #d30535 ;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	filter:alpha(opacity=50);
	height: 50px;
	line-height: 50px ;
	-moz-opacity: 0.5;
	-moz-transition:all 0.3s ;
	opacity: 0.5;
	text-align: center;
	text-decoration: none;
	transition:all 0.3s ;
	-webkit-transition:all 0.3s ;
	width: 50px;
}
#page-top a:hover {
	background: #e56986;
	text-decoration: none;
}

/* 4-10. Google Map
--------------------------------------------------*/
.ggmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
 
.ggmap iframe, .ggmap object, .ggmap embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* 4-11. Scroll Box
--------------------------------------------------*/
.scrollbox {
	border:1px solid #dddddd;
	height: 350px;
	margin-bottom: 20px;
	overflow:auto;
	padding:10px;
}
@media (max-width: 767px) {
	.scrollbox {
		height: 150px;
	}
}
.borderbox {
	border:1px solid #dddddd;
	margin-bottom: 20px;
	padding:10px;
}

/* 4-12. Label
--------------------------------------------------*/
/*.label-danger {
	background-color: #d30535;
}*/

/*------------------------------------------------
5. Contents
--------------------------------------------------*/
/* 5-1. Top Page
--------------------------------------------------*/
.mainvisual {
	background-color: #000000;
}

/* 5-2. License
--------------------------------------------------*/
.afaa-license-menu {
	background-color: #024ca2;
	color: white;
	line-height:1;
	margin-bottom: 10px;
	padding: 30px;
	text-align: center;
}

/* 5-3. Fitness Academy List
--------------------------------------------------*/
.facademy-list span {
	color: #333333;
	display: block;
	font-weight: bold;
}
.facademy-list span.course {
	background-color: #d30535;
	color: #ffffff;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	padding: 3px 5px;
}

/* 5-4. News List
--------------------------------------------------*/
.news-list ul, .news-list ol	{
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
	margin: 0;
	padding: 0;
}
.news-list li a {
	color: #000;
	display: block;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
}
.news-list li a:hover	{
	background-color: #eee;
}
.news-list time	{
	border: none;
	float: left;
}
.news-list p	{
	margin: 0 0 0 150px;
}
.news-list .desc	{
	color: #666;
	font-size: 12px;
}
.news-list li a:after	{
	clear: both;
	content: "";
	display: block;
}
.news-list li a {
	*zoom: 1;
}
/* 縦に並べたリンクを区切る罫線 */
.news-list li a {
	border-bottom: solid 1px #aaa;
}

/* 5-5. Find Instructor
--------------------------------------------------*/
.instructor-list img {
	margin-bottom: 10px;
}
.instructor-list p.name {
	line-height: 1;
	margin-bottom: 5px;
}
.instructor-list p.description {
	font-size: 11px;
	line-height: 1.6;
	margin-bottom: 5px;
}
.instructor-list hr {
	margin-bottom: 30px;
	margin-top: 16px;
}

/* 5-6. Shopping
--------------------------------------------------*/
.nav-sidebar a, .nav-sidebar a:link {
	font-weight: normal;
	color: #666666;
	line-height: 1
}
.nav-sidebar a:visited {
	color: #666666;
}
.nav-sidebar a:hover, .nav-sidebar a:active {
	color: #999999; text-decoration: none;
}
.nav-sidebar a:focus {
	outline: none;
}

#category a, #category a:link {
	font-weight: normal;
	color: #666666;
	line-height: 1
}
#category a:visited {
	color: #666666;
}
#category a:hover, #category a:active {
	color: #999999; text-decoration: none;
}
#category a:focus {
	outline: none;
}
#category ul {
	font-size: 13px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 20px;
	list-style: none;
}
#category ul li{
	margin-bottom: 5px;
}
#category ul li:before {
  font-family: FontAwesome;
  content: '\f054'; /* アイコンのunicode */
  font-size: 8px;
  padding-right: 5px;
}

.store a, .store a:link {
	font-weight: normal;
	color: #666666;
	line-height: 1
}
.store a:visited {
	color: #666666;
}
.store a:hover, .store a:active {
	color: #999999; text-decoration: none;
}
.store a:focus {
	outline: none;
}
.store p.title {
	line-height: 1.2;
	font-size: 11px;
	margin-bottom: 5px;
	font-family: Lato
}
.store p.price_n {
	line-height: 1.2;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}
.store p.price_m {
	line-height: 1.2;
	font-size: 14px;
	color: #d30535;
	font-weight: bold
}
.store span.price_m {
	font-size: 11px;
}
.store img {
	margin-bottom: 10px;
}
.store hr {
	margin-top:10px;
	margin-bottom: 16px;
}
.price > tbody > tr > th {
	padding: 4px;
	text-align: right;
}
.price > tbody > tr > td {
	padding: 4px;
	text-align: right;
}
ul.submenu {
	font-size: 12px;
	list-style-type: none!important;
}
.productsingle p.itemname {
	font-size: 20px;
	line-height: 1.4
}
.productsingle p.itemcode {
	font-size: 12px;
	font-weight: bold
}
.productsingle p.price {
	line-height: 1.4;
	margin-bottom: 40px;
}
.productsingle span.price_n {
	font-weight:bold;
}
.productsingle span.price_m {
	font-weight:bold;
	color: #d30535;
	font-size: 22px;
}
.productsingle .size {
	padding: 10px 0;
}

@media only screen and (max-width:767px){
	 .cart-table tr{
		display: block;
		margin-bottom: 0;
		padding: 8px 0;
		/*margin-bottom: 1.5em;*/
	}
	.cart-table th,
	.cart-table td{
		display: list-item;
		border: none!important;
		border: 0;
		list-style-type: none;
		padding: 4px 8px!important;
	}
	.cart-table thead {
		display: none;
	}
}

/*商品ステータスラベル 2017.07.23追記*/
.item-img {
	position: relative;
}
.item-label {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	display: block;
	position: absolute;
	top: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	line-height: 1;
	padding: 4px 6px 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
.item-label.second {
	top: 25px;
}
.item-label.istatus-10 {
	background: #ed1c24;
}
.item-label.istatus-20 {
	background: #22b573;
}
.item-label.istatus-30 {
	background: #f7931e;
}
.item-label.istatus-40 {
	background: #ed1e79;
}
.item-label.istatus-50 {
	background: #93278f;
}
.item-label.istatus-60 {
	background: #29abe2;
}

.label-level1 {
	top: 0px;
}
.label-level2 {
	top: 25px;
}

/* 5-7. Program
--------------------------------------------------*/
.program-list {
	line-height: 1.2em
}
.program-list img {
	margin-bottom: 7px;
}
.program-list a {
	font-size: 12px;
}
.program-list  p{
	font-size: 11px;
	margin-top: 5px;
}

/*プログラムページ用背景画像付きセクション  2019年05月31日追記*/
.bg-section-01 {
	background-image: url("../img/program/bg_program_01.png");
	background-repeat: repeat;
}
/*プログラムページ用コメントセクション  2019年05月31日追記*/
.bg-section-02 {
	background-color: white;
	padding: 10px;
}
@media screen and (min-width:767px) {
	.interview-banner {
		max-width: 500px;
	}
}

/*fb iframe  2019年05月31日追記*/
.fb-container {
	width: 100%;
}
@media screen and (min-width:768px) {
	.fb-container iframe {
		width: 500px;
	}
}
@media screen and (max-width:767px) {
	.fb-container iframe {
		width: 370px;
	}
}

/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 5-8. Workshop
--------------------------------------------------*/
.workshop-list dl{
	margin-top: 5px;
	margin-bottom: 0;
}
.workshop-list dt {
	float: left;
	clear: left;
	float: left;
	width: 20%;
	font-weight: bold;
}
.workshop-list dd {
	margin: 0 0 0 20%;
}
.workshop-list a {
	font-size: 18px;
}
@media only screen and (max-width:767px){
	.workshop-list dl {
		font-size: 12px;
	}
	.workshop-list a {
		font-size: 14px;
	}
}
/*Datepicker Calendar*/
.flatpickr-current-month .cur_month, .flatpickr-current-month .cur_year {
	font-size: 15px;
}
.workshop-date {
	width: 95px;
}
@media (max-width: 767px) {
	.workshop-date {
		width: 120px;
	}
}
.workshop-label {
	font-size: 11px;line-height: 1em;
}
.workshop-block{
	display:inline-block;
}

/* 5-9. Brand SBZ 2019年05月31日追記
--------------------------------------------------*/
.white-section {
	background-color: #ffffff;
	color: black;
	padding: 20px;
}
.white-section h2 {
	color: #333333;
}

/*------------------------------------------------
6. Form
--------------------------------------------------*/
/*No zoom when form focused*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select, textarea, input {
		font-size: 16px;
	}
}
/*フォームのフォントサイズが16px以下だとiphoneでzoomしてしまうため*/
@media(max-width:767px) {
	.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
	font-size: 16px;
	}
}

/*------------------------------------------------
7. Utility
--------------------------------------------------*/
/* 7-1. Margin Top 
--------------------------------------------------*/
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 25px;
}
.mt60 {
	margin-top: 60px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}

/* 7-2. Margin Bottom
--------------------------------------------------*/
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb55 {
	margin-bottom: 25px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}

/* 7-3. Padding Top 
--------------------------------------------------*/
.pt0 {
	padding-top: 0;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pt40 {
	padding-top: 40px;
}
.pt45 {
	padding-top: 45px;
}
.pt50 {
	padding-top: 50px;
}
.pt55 {
	padding-top: 25px;
}
.pt60 {
	padding-top: 60px;
}
.pt70 {
	padding-top: 70px;
}
.pt80 {
	padding-top: 80px;
}
.pt90 {
	padding-top: 90px;
}
.pt100 {
	padding-top: 100px;
}

/* 7-4. Padding Bottom
--------------------------------------------------*/
.pb0 {
	padding-bottom: 0;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb45 {
	padding-bottom: 45px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb55 {
	padding-bottom: 25px;
}
.pb60 {
	padding-bottom: 60px;
}
.pb80 {
	padding-bottom: 80px;
}
.pb90 {
	padding-bottom: 90px;
}
.pb100 {
	padding-bottom: 100px;
}

/* 7-5. PC/SP Display Switch
--------------------------------------------------*/
@media screen and (max-width:767px) {
	.pc {
		display: none!important;
	}
}
@media(min-width:768px) {
	.sp {
		display: none!important;
	}
}

/* 7-6. Print
--------------------------------------------------*/
@media print {
	a[href]:after {
		content: "" !important;
	}

		abbr[title]:after {
		content: "" !important;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
	.visible-xs {
		display: none !important;
	}
	.hidden-xs {
		display: block !important;
	}
	table.hidden-xs {
		display: table;
	}
	tr.hidden-xs {
		display: table-row !important;
	}
	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}
	.hidden-xs.hidden-print {
		display: none !important;
	}
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}