/*
Theme Name:kgyamato
description:kgyamato
version:1.0
author:kgyamato
*/

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.img_box .news_img{
  padding: 0px 10px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li {
	list-style-type: none;
}

a {
	color: #0066CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #EEE;
	background-color: #0085B2;
}
header .h_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border: 5px solid #0085B2;
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #036;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
}

header .h_tel a strong {
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}

ul.post-categories {
    width: auto;
		display: inline-block;
}
/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	height: auto;	/* Add */
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#top_slide {
	padding-top: 100px;
	background-color: #ffffff;
	padding-bottom: 5px;
}

#sub_top {
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center center;
	height: 110px;
	line-height: 30px;
	padding-top: 230px;
	width: 100%;
	background-size: cover;
	text-align: right;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	font-weight: bold;
}
.content .news_top{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0085B2;
	margin-bottom: 30px;
}
.content .news_top .title_wrapper{
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
}
.content .news_title{
	border: none;
	text-align: inherit;
	margin-bottom: 0;
	padding: 0 10px;
}
.content h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0085B2;
	letter-spacing: 1px;
	color: #036;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}
.content h2 span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 50%;
	font-weight: normal;
	line-height: 1;
}
.news_year{
	padding: 15px 10px;
}
.news_time .title_year{
	float: right;
}
.content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom: solid 1px #dbdbdb;
	clear: both;
	vertical-align: center;
}

.content h3::after {
	display: block;
	width: 3px;
	height: 50%;
	position: absolute;
	top: 25%;
	left: 20px;
	background-color: #0085B2;
	content: '';
}

.content h3 span {
	font-size: 16px;
	color: #333333;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

.content h4 {
	font-size: 16px;
	color: #0085B2;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
/*	margin-top: 20px;
*/	margin-top: 10px;
/*	margin-right: 30px;
*/	margin-right: 50px;
/*	margin-bottom: 20px;
*/	margin-bottom: 10px;
/*	margin-left: 30px;
*/	margin-left: 50px;
/* add */
	text-align: center;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-bottom: solid 1px #dbdbdb;
}

/* add */
.content h5 {
	font-size: 14px;
	color: #0085B2;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}

.content p {
	font-size: 1.1ex;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

.content pre {
	font-size: 1.1ex;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

.content .ul_news li {
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span.news_date {
	color: #999;
	padding-right: 20px;
}

.content .ul_news li span.news_icon {
	color: #FFF;
	padding-left: 10px;
	display: inline-block;
	padding-right: 10px;
	background-color: #FF6600;
	margin-right: 10px;
	font-weight: bold;
	font-size: 14px;
}

.content .ul_news li span.news_icon.cl_02 {
	background-color: #009999;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

/* Add s */
.img_nofloat {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.expl_img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: auto;
}
/*
.expl_img img {
	float: left;
	width: 40%;
	padding-right: 5px;
}
*/

.page_link{
	width: 100%;
	max-width: 1100px;
	margin: 100px auto 30px;
	text-align: center;
}
.page-numbers{
	display: inline-block;
	margin-right: 30px;
	text-decoration: none;
}
.page_link .previous_page{
	display: inline-block;
	margin-right: 30px;
}
.prev-link{
	font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border: 5px solid #0085B2;
  text-decoration: none;
	width: 200px;
  display: block;
  background-color: #0085B2;
  line-height: 30px;
  border-radius: 10px;
  padding: 10px 15px;
  position: relative;
}
.page_box .next_page{
	display: inline-block;
	margin-left: 30px;
}
.next-link{
	font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border: 5px solid #0085B2;
  text-decoration: none;
  display: block;
	width: 200px;
  background-color: #0085B2;
  line-height: 30px;
  border-radius: 10px;
  padding: 10px 15px;
  position: relative;
}
@media screen and (max-width: 640px) {
	.expl_img {
		width: 95%;
	}
}

@media  screen and (max-width: 544px) {
	.page_box .previous_page{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page_box .next_page{
		margin-left: 0;
		margin-top: 20px;
	}
}
/* Add e */

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}

/*
お問い合わせ部分
-------------------------------------------*/

.box_contact {
	background-color: #E9EEEF;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/sankaku.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #006384;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}


@media screen and (min-width:960px){

.box_contact .box_in {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn {
	float: left;
	width: 50%;
}

.box_contact .tel {
	float: right;
	width: 50%;
}

.box_contact.only_tel .tel {
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a {
	font-size: 18px;
}
.box_contact .tel a {
	font-size: 24px;
}

}

/*-----トップへ戻るボタン------*/

.to_top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 10px;
	background-color: #0085B2;
	padding: 20px;
	height: 30px;
	width: 30px;
}
.to_top a:hover {

}

/*
フッター
-------------------------------------------*/

footer {
	background-color: #007095;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}

footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #006384;
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #0085B2;
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}


footer ul.f_list {
	display: block;
	width: 33.3%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}

footer ul.f_list li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px;
}

footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
}

footer ul.f_list li li a:hover {
	background-color: #0085B2;
}

footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}


address {
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #006384;
}

footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #006384;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0085B2;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #FFF;
}

/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
/*	margin-bottom: 30px;
*/	margin-bottom: 20px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
/*	padding: 20px;
*/	padding: 10px;
	vertical-align: top;
}
.content table.table_01 th {
	font-size: 16px;
/*
	white-space: nowrap;
*/
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 14px;
	line-height: 30px;
	background-color: #FFF;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
/*	margin-bottom: 30px;
*/	margin-bottom: 20px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
/*	padding: 20px;
*/	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
/*	font-size: 18px;
*/	font-size: 16px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


.content table.table_02 .tr_gr th {
	background-color: #EEE;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}

.content table.table_02 td .price {
	font-size: 150%;
	white-space: nowrap;
	color: #006384;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #F03600;
}


.table_01 th span {
	font-size: 12px;
	color: #333333;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #F6F6F6;
	color: #111;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0085B2;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #0085B2;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
/*	justify-content: space-between;
*/	justify-content: start;
}

ul.works_list li {
	width: 20%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon {
	position: absolute;
/*	top: 5px;
*/	top: 0px;
	left: 5px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #099;
	z-index: 50;
}

ul.works_list li a {
	display: block;
	padding: 20px;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
/*	width: auto;
*/	width: 100%;
/*	height: 150px;
*/	height: 180px;
	object-fit: cover;
	object-position: center top;	/* add */
}
ul.works_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	color: #000;
	background-color: #F6F6F6;
}


/*
スライダー
-------------------------------------------*/

.sp-slide {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	-webkit-filter: grayscale(65%);
	filter: grayscale(65%);;
}
.sp-slide.sp-selected {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 5vw;
	line-height: 0.6;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 50%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#top_slide .top_catch span {
	font-size: 25%;
}

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #111;
}



/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-color: transparent;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
/*
	width: 33%;
*//**/
	width: 24%;
/**/
	max-height: 220px;
	position: relative;
}

/* Add start */
@media screen and (max-width: 1200px) {
	.pickup ul li {
		width: 49%;
		margin-bottom: 10px;
	}
}
/* Add end */

.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0085B2;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.pickup ul li a div {
	position: absolute;
	top: 50%;
	left: 50%;
/*
	width: 100%;
*//**/
	width: 90%;
/**/
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	height: auto;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
/**/
	background-color:rgba(250,250,250,0.9);
/**/
}

.pickup ul li a div .pu_title {
	display: block;
	font-size: 130%;
	font-weight: bold;
/*
	margin-bottom: 10px;
*/
/**/
	color: #0000ff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/**/
}
/* Add start */
.pickup ul li a div .pu_expl {
	text-align: center;
}
/* Add end */

.pickup ul li a img {
/*
	-webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5)
*/
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.3);
    -moz-filter:brightness(1.3);
    -ms-filter:brightness(1.3);
    filter:brightness(1.3);
}

@media screen and (min-width:960px){
body {
	font-size: 16px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
/*
ヘッダー
-------------------------------------------*/
header {
	height: 120px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


header h1 a img {
	top: 10px;
	left: 10px;
}

header .h_btn a {
	width: 160px;
	top: 7px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	top: 10px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}

header.fixed {
	height: 100px;
}

header.fixed h1 a img {
	height: 40px;
	top:5px;
}
header.fixed .h_btn a,
header.fixed .h_tel a {
	top: 5px;
	line-height: 30px;
}


.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 98%;
	padding-left: 2%;
	display: block !important;
	height: 50px;
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}

#g_navi ul.navi_base {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 16%;
	padding-top: 15px;
	height: 35px;
	display: block;
	color: #036;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #0085B2;
	top:0px;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #0085B2;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFF;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #001533;
}

#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #001533;
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a {
	width: 21%;
	padding-left: 3%;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 22px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #036;
}
#g_navi ul li ul li a:hover{
	color: #036;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}


header.fixed #g_navi {
	height: 40px;
}

header.fixed #g_navi ul li div {
	top: 40px;
}

header.fixed #g_navi li a {
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a {
	padding-top: 9px;
	height: 22px;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.faq {
	background-image: url(img/sub_top_faq.jpg);
}
#sub_top.works {
	background-image: url(img/sub_top_works.jpg);
}
#sub_top.contact {
	background-image: url(img/sub_top_contact.jpg);
}
#sub_top.company {
	background-image: url(img/sub_top_company.jpg);
}
#sub_top.sample {
	background-image: url(img/sub_top_sample.jpg);
}


.no_pc {
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1200px){
header .h_btn a {
	right: 50%;
	margin-right: -600px;
}
header .h_tel a {
	right: 50%;
	margin-right: -400px;
}
header h1 a img {
	left:50%;
	margin-left: -600px;
}

}
/*(/1200～)*/

@media screen and (max-width:960px){

body {
	font-size: 16px;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list li {
	width: 33.3%;
}

#top_slide {
	padding-top: 50px;
}

#sub_top {
	height: 80px;
	padding-top: 100px;
	letter-spacing: 0.5em;
	font-size: 18px;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #f0f8ff;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn p {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 3px;
	font-size: 10px;
	transition: all 500ms ease-in-out;
	font-weight: bold;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 60%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);
    -moz-transform: rotate(-45deg) translateY(0px);
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);
    -moz-transform: rotate(45deg) translateY(0px);
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}

body.fixed {
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}

#g_navi ul li ul li a:hover {
	color: #999;
}

/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

header {
	height: 52px;
}

header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}

header .h_btn a {
	width: 120px;
	top: 5px;
	right: 55px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	top: 10px;
	right: 200px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}

header #info {
	display: none;
}

/*
サブトップ
-------------------------------------------*/

#sub_top.faq {
	background-image: url(img/sub_top_faq_sp.jpg);
}
#sub_top.works {
	background-image: url(img/sub_top_works_sp.jpg);
}
#sub_top.contact {
	background-image: url(img/sub_top_contact_sp.jpg);
}
#sub_top.company {
	background-image: url(img/sub_top_company_sp.jpg);
}
#sub_top.sample {
	background-image: url(img/sub_top_sample_sp.jpg);
}


.no_sp {
	display: none;
}

}
/*(/～960)*/


@media screen and (max-width:640px){

#top_slide .top_catch {
	font-size: 10vw;
	top: 44%;
}
#top_slide .slide_btn a {
	font-size: 16px;
	bottom: 10%;
	line-height: 32px;
	width: 260px;
	margin-left: -130px;
}
.pickup ul li {
	width: 100%;
	max-height: 160px;
	margin-bottom: 10px;
}
.pickup ul li a div {
	font-size: 12px;
	width: 70%;
}

header h1 a img {
	top:5px;
/*	height: 30px;
*/	height: 40px;
}

header .h_btn a {
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 95px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}


.content {
	padding-top: 20px;
	padding-bottom: 50px;
}

.content p {
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list {
	padding: 10px;
}

ul.works_list li {
	width: 50%;
}

ul.works_list li a {
	padding: 10px;
}

.img_left,
.img_right,
.img_nofloat {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

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

ul.f_bn li a span {
	display: none;
}

footer .f_bn li a i {
	padding-right: 0px;
}

footer .cont_wrap {
	display: none;
}

}
/*(/～640)*/

@media screen and (max-width:460px){

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}


#sub_top {
	height: 60px;
	padding-top: 80px;
	font-size: 16px;
}

.content h2 {
	font-size: 24px;
}

}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.news_content{
	max-width: 100%;
	width: 1100px;
	margin: 0 auto;
}
.news_content .news_wrapper{
    display: flex;
    flex-wrap: wrap;
}

.news_wrapper .content_box{
  margin: 30px auto;
}
.content_wrapper{
	display: inline-block;
	vertical-align: top;
	width: 300px;
}
.time{
	display: inline-block;
	float: right;
}

h5.sub_title{
	font-size: 19px;
	margin: 0;
	padding: 10px 0;
}
.text_box {
	    padding-top: 30px;
}
.text_box p{
	margin: 0;
	padding: 0;
}
.news_content .list01 pre{
/*
	padding: 0 10px;
	margin: 40px 0;
*/
	font-size: 16px;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

/* Add Start */
/*** サブページのタイトル背景写真設定 ***/
#sub_top.about {	/* KG大和ジムについて */
	background-image: url(img/sub_top/about.jpg);
}
#sub_top.greets {	/* 会長挨拶 */
	background-image: url(img/sub_top/greets.jpg);
}
#sub_top.facilities {	/* 施設紹介 */
	background-image: url(img/sub_top/facilities.jpg);
}
#sub_top.staff {	/* スタッフ紹介 */
	background-image: url(img/sub_top/staff.jpg);
}
#sub_top.boxer {	/* 選手紹介 */
	background-image: url(img/sub_top/boxer.jpg);
}
#sub_top.event {	/* イベント */
	background-image: url(img/sub_top/event.jpg);
}
#sub_top.qa {	/* Ｑ＆Ａ */
	background-image: url(img/sub_top/qa.jpg);
}
#sub_top.course {	/* コース紹介 */
	background-image: url(img/sub_top/course.jpg);
}
#sub_top.fitness {	/* フィットネス会員 */
	background-image: url(img/sub_top/fitness.jpg);
}
#sub_top.boxing {	/* ボクシング会員 */
	background-image: url(img/sub_top/boxing.jpg);
}
#sub_top.kids {	/* キッズ会員 */
	background-image: url(img/sub_top/kids.jpg);
}
#sub_top.dbc {	/* ボディメイク＆ダイエットチャレンジ */
	background-image: url(img/sub_top/dbc.jpg);
}
#sub_top.guide {	/* 入会案内 */
	background-image: url(img/sub_top/guide.jpg);
}
#sub_top.visit {	/* 1日体験 */
	background-image: url(img/sub_top/visit.jpg);
}
#sub_top.admission {	/* 入会手続き */
	background-image: url(img/sub_top/admission.jpg);
}
#sub_top.map {	/* アクセス */
	background-image: url(img/sub_top/map.jpg);
}
#sub_top.match_info {	/* 試合情報 */
	background-image: url(img/sub_top/match_info.jpg);
}
#sub_top.match {	/* 試合予定 */
	background-image: url(img/sub_top/match.jpg);
}
#sub_top.match_r {	/* 試合結果 */
	background-image: url(img/sub_top/match_r.jpg);
}
#sub_top.result {	/* 全試合検索 */
	background-image: url(img/sub_top/result.jpg);
}
#sub_top.member {	/* 会員メニュー */
	background-image: url(img/sub_top/member.jpg);
}
#sub_top.reg_mail {	/* メール登録 */
	background-image: url(img/sub_top/reg_mail.jpg);
}
#sub_top.qa_member {	/* 会員用Ｑ＆Ａ */
	background-image: url(img/sub_top/QA_member.jpg);
}
#sub_top.inquiry {	/* 問合せ */
	background-image: url(img/sub_top/inquiry.jpg);
}
#sub_top.campaign {	/* キャンペーン */
	background-image: url(img/sub_top/campaign.jpg);
}
#sub_top.corona {	/* コロナ対策 */
	background-image: url(img/sub_top/corona.jpg);
}
#sub_top.oxyrium {	/* 酸素カプセル */
	background-image: url(img/sub_top/oxyrium.jpg);
}
#sub_top.gekirei {	/* 応援激励賞 */
	background-image: url(img/sub_top/gekirei.jpg);
}
#sub_top.yamatosoul {	/* 大和魂応援 */
	background-image: url(img/sub_top/yamatosoul.jpg);
}
#sub_top.info {	/* ジム情報館 */
	background-image: url(img/sub_top/info.jpg);
}

/*
.content .ban {
	width: 100%;
	margin: auto;
	text-align: center;
}

.content .ban img {
	width: 15%;
	margin: 0px 2px 5px 2px;
}

@media screen and (max-width: 1200px) {
	.content .ban img {
		width: 22%;
	}
}
@media screen and (max-width: 640px) {
	.content .ban img {
		width: 45%;
	}
}
*/
.ban ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	max-width: 1400px;
	padding-bottom: 10px;
}
.ban ul li {
	position: relative;
	display: inline-block;
	width: 15%;
	height: 100%;
	vertical-align: top;
	margin-bottom: 10px;
}

.ban ul li img {
	width: 100%;
	margin: 0px 2px 0px 2px;
}

.ban ul li span {
	text-align: center;
	font-size:12px;
}

.ban ul li span img {
	width: auto;
	padding-top: 5px;
}

@media screen and (max-width: 1200px) {
	.ban ul li {
		width: 22%;
	}
}
@media screen and (max-width: 640px) {
	.ban ul li {
		width: 45%;
	}
}

.content .btn {
	width: auto;
	text-align: center;
	padding-bottom: 5px;
}

.content .btn a {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: inline-block;
	background-color: #0085B2;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
/*
	padding-top: 2px;
	padding-bottom: 2px;
*/
	padding: 2px 10px 2px 10px;
	position: relative;
	margin: 0 auto;
}
.content .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.content .btn2 {
	width: auto;
	text-align: center;
	padding-bottom: 5px;
	vertical-align: middle;
}

.content .btn2 a {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #ff6347;
	text-decoration: none;
	display: inline-block;
	background-color: #ff6347;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 2px 10px 2px 10px;
	position: relative;
	margin: 0 auto;
}
.content .btn2 a:hover {
	color: #ff0000;
	background-color: #FFF;
	border-top-color: #ff6347;
	border-right-color: #ff6347;
	border-bottom-color: #ff6347;
	border-left-color: #ff6347;
}

.box_contact h3 {
	font-size: 20px;
	margin-bottom: 0px;
	position: relative;
	margin-top: 10px;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

.box_contact hr {
	border: 0;
	height: 3px;
	width: 30px;
	background-color: #0085B2;
	margin:0 auto;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

footer h3 {
	font-size: 15px;
	margin-bottom: 0px;
	position: relative;
	margin-top: 10px;
	color: #ffffff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

footer hr {
	border: 0;
	height: 3px;
	width: 30px;
	background-color: #ffffff;
	margin:0 auto;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

footer .ban {
	text-align: center;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

footer .ban img {
	margin: 0 auto;
	padding: 2px;
	max-width: 40%;
	max-height: 50px;
	margin: 0 auto;
	text-align: center;
}

.content table .table_normal {
	width: 96%;
	text-align: center;
}
.content table .table_normal tr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.content table .table_normal th,
.content table .table_normal td {
	border: none;
	height: auto;
	padding: 5px;
	line-height: 1.2em;
}
.content table .table_normal th {
	background-color: #F6F6F6;
}

.content table .table_normal tr:nth-child(1) {
	border-top-width: 0px;
}

@media screen and (max-width: 460px) {
	.content table .table_normal th,
	.content table .table_normal td {
		width: 100%;
	}
	.content table .table_normal th{
		background-color: initial;
	}
	.content table .table_normal td{
		border-bottom-width: 0px;
	}
}
.list01{
  padding: 0 10px;
}
.list01 .list01_content{
	margin: 0;
	padding: 0 10px;
}
.list01 ul {
	padding-left:50px;
	padding-right:50px;
	margin-left: 10px;
}
.list01 ol {
	padding-left:50px;
	padding-right:50px;
}
.list01 li {
	padding-bottom: 10px;
	list-style-type: initial;
}
@media screen and (max-width: 640px) {
	.list01 ul {
		padding-left:20px;
		padding-right:20px;
	}
	.list01 ol {
		padding-left:20px;
		padding-right:20px;
	}
}

.movie-wrap {
	text-align: center;
}

@media screen and (max-width: 560px) {
	.movie-wrap {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		text-align: center;
	}

	.movie-wrap iframe {
		position: absolute;
		display: block;
/*		top: 0;
*/		left: 0;
		width: 100%;
		height: 100%;
	}
}
.content hr {
	border: 0;
	height: 3px;
	width: 50px;
	background-color: #0085B2;
	margin:0 auto;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.com_box{
	position: relative;
	background: #f0f8ff;
	box-shadow: 0px 0px 0px 5px #f0f8ff;
	border: dashed 2px white;
/*	padding: 0.2em 0.5em;
*/	padding: 1em 1em;
	color: #454545;
	width: auto;
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}
.com_box:after{
	position: absolute;
	content: '';
	right: -7px;
	top: -7px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #87ceeb #fff #87ceeb;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.com_box p {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

.msg_box {
	position: relative;
	margin: 2em 0;
	padding: 10px 1em;
	border: solid 3px #0085B2;
	border-radius: 8px;
	width: fit-content;
/*	width: auto;
*/	max-width: 80%;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto;
}
.msg_box .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #0085B2;
	font-weight: bold;
}
.msg_box p {
	margin: 0;
	padding: 0;
}

/* map用 */
.flex ul {
	width: 100%;
}
.flex ul li {
	display: flex;
	align-items: stretch;
}
.flex ul li .photo,
.flex ul li .txt {
	width: 50%;
	box-sizing: border-box;
}
.flex ul li .photo {
	text-align: right;
}
.flex ul li:nth-child(even) {
	flex-direction: row-reverse;
}
.flex ul li:nth-child(even) .photo {
	text-align: left;
}
.flex ul li+li {
	position: relative;
	margin-top: 30px; /*矢印画像の高さと配置を考慮して設定*/
}
.flex ul li+li:before {
	content: '';
	display: block;
	position: absolute;
	top: -40px; /*矢印画像の高さと配置を考慮して設定*/
	width: 100%;
	height: 50px;
	background: url(img/map/arrows.png) no-repeat 50% 50%; /*矢印画像*/
}

@media screen and (max-width: 560px) {
	.flex ul li {
		display: block;
		margin: 0 auto;
	}
	.flex ul li .photo,
	.flex ul li .txt {
		width: 100%;
		margin: auto;
	}
	.flex ul li .photo,
	.flex ul li:nth-child(even) .photo {
			text-align: center;
	}
}

/*** Q&A ***/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: auto;
	margin: 0 5px 1em 5px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 100%;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*** 質問以外の開くメッセージ ***/
.cp_msg *, .cp_msg *:after, .cp_msg *:before {
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_msg .cp_actab {
	position: relative;
	overflow: hidden;
	width: auto;
	margin: 0 5px 1em 5px;
	color: #1b2538;
	line-height: 1.5em;
}
.cp_msg .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_msg .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
/*
.cp_msg .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
*/
.cp_msg .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_msg .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_msg .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
/*
.cp_msg .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
*/
.cp_msg .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_msg .cp_actab input:checked ~ .cp_actab-content {
	max-height: 100%;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_msg .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_msg .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*-- formのボタンサイズ設定 --*/
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	width:130px;
	height:30px;
	text-align: center;
}
input[type="text"], input[type="email"] {
	width:100%;
	height:30px;
}
textarea {
	width: 100%;
	resize: vertical;
}
@media screen and (max-width: 560px) {
	input[type="text"], input[type="email"] {
		width:100%;
		height:30px;
	}
}

/*-- 営業時間の文字サイズ可変対応 --*/
.eigyo_hour {
	display: flex;
	flex-direction: row;
	position: relative;
  justify-content: center;
  align-items: center;
}
.eigyo_hour p{
	line-height: 1em;
	padding-right: 10px;
}
@media screen and (max-width: 400px) {
	.eigyo_hour {
		display: block;
		flex-direction: column;
	}
	.eigyo_hour p{
		padding-top: 0px;
		padding-bottom: 3px;
		margin: 0px;
	}
}


.top_menu {
	display: none;
}

@media screen and (max-width:960px){
	.top_menu {
		display: block;
	}
}

.campaign_title {
	color: #0085B2;
	font-size: 1.2em;
	font-weight: bold;
	box-shadow: 0px -6px 5px -3px rgba(247,198,104,0.8) inset,0px 7px 5px -8px #f7c668;
}

.title_ul_blue {
	color: #000080;
	font-size: 1.2em;
	font-weight: bold;
	box-shadow: 0px -6px 5px -3px rgba(0,133,178, 0.8) inset,0px 7px 5px -8px #0085B2;
}

.ul_blue {
	color: #000080;
	font-weight: bold;
	box-shadow: 0px -6px 5px -3px rgba(0,133,178, 0.8) inset,0px 7px 5px -8px #0085B2;
}

.box_hukidashi {
	position: relative;
	padding: 0.5em 0.7em;
	margin: 1em 1em 2em 1em;
	background: #e6f4ff;
	color: #5c98d4;
	font-weight: bold;
	display: inline-block;
}
.box_hukidashi:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e6f4ff;
	width: 0;
	height: 0;
}
.box_hukidashi p {
	margin: 0;
	padding: 0;
}
/* Add End */