@charset "utf-8";

*							{ -webkit-box-sizing: border-box;
							  -moz-box-sizing: border-box;
							  -o-box-sizing: border-box;
							  -ms-box-sizing: border-box;
							  box-sizing: border-box; }

html						{ overflow: auto;}

body						{ letter-spacing: 0.08em; line-height: 200%;;
							  font-family: "游ゴシック体", "Yu Gothic", YuGothic, 13px marugo,"HG丸ゴシックM-PRO",verdana,arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }



/* 要素のリセット */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
							  margin: 0;
							  padding: 0;
							  border: none;
							  font-style: normal;
							  font-weight: normal;
							  font-size: 100%;
							  text-align: left;
							  list-style-type: none; }

a							{ color:#888; text-decoration: none; }

a:hover						{ color:#ccc;
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

a:visited					{ color:#888; }

a:hover img.over			{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }



/* 文字サイズ */

.text10						{ font-size: 77%; }
.text11						{ font-size: 85%; }
.text12						{ font-size: 93%; }
.text13						{ font-size: 100%; }
.text14						{ font-size: 108%; }
.text15						{ font-size: 116%; }
.text16						{ font-size: 123.1%; }
.text17						{ font-size: 131%; }
.text18						{ font-size: 138.5%; }
.text19						{ font-size: 146.5%; }
.text20						{ font-size: 153.9%; }
.text21						{ font-size: 161.6%; }
.text22						{ font-size: 167%; }
.text23						{ font-size: 174%; }
.text24						{ font-size: 182%; }
.text25						{ font-size: 189%; }
.text26						{ font-size: 197%; }

/* 全体設定 */

html, body					{ font: 13px marugo,"HG丸ゴシックM-PRO",verdana,arial,sans-serif;
							  *font-size: small;
							  *font: x-small; margin: 0;
							  text-align: left;
							  word-break: break-all;
							  word-wrap: break-word;
							  -webkit-text-size-adjust: none;
							  height: 100%;
							  background: #FFFFFF;
							  color: #555555; }
/* clearfix */

.clearfix					{ zoom: 1; }
.clearfix:after				{ content: ""; display: block; clear: both; }

/* ------------------------------------------------------------ */

/* 汎用＠全体＠横幅の選択（１００％か９６０ピクセルか） */

.p_Wide						{ width: 100%; margin: 0 auto; overflow:hidden; }
.p_Wide-GrayInner			{ background-color: #EFF1EF; }
.p_Inner					{ max-width: 960px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	.p_Inner				{ width: 95%; margin: 0 auto; }
}

/* 汎用＠全体＠緑の見出し */

.p_Title, .fitnesstrainingblog_Title, .soccerfutsalblog_Title		{ font-family: 'Quattrocento Sans','Noto Sans Japanese', sans-serif;
						  font-weight: 700; margin-bottom: 20px; font-size: 170%; }

.p_Title					{ color: #259F61;}

.fitnesstrainingblog_Title				{ color: #E25F35;}

.soccerfutsalblog_Title					{ color: #1E73BE;}

@media screen and (max-width: 767px) {
	.p_Title, .fitnesstrainingblog_Title,  .soccerfutsalblog_Title		{ width: 95%; margin: 0 auto; font-size: 180%; }
}


/* 汎用＠全体＠アクセント斜線 */

.p_Line						{ height: 6px; background-image: url(img/p_Line.gif); margin: 10px 0; border-bottom: 2px #7fcc30 solid; }

/* 汎用＠全体＠ポイントカード緑帯 */

.p_MnPointcard				{ width: 100%; margin: 30px 0px; padding: 25px 0px; text-align: center; background-color: #7fca31; }
.p_MnPointcard p			{ font-family: 'Noto Sans Japanese', sans-serif; font-weight: 700; color: #FFFFFF; font-size: 130%; text-align: center; }
.p_MnPointcard img			{ margin-bottom: 8px; }
.p_MnPointcard:hover		{ background-color:#FFA588;
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }

/* 汎用＠全体＠トップへ戻るボタン */

.p_Backhome					{ clear: both;
							  width: 100%; font-size: 16px; text-align: center; margin-bottom: 30px;
							  border: 1px #259F61 solid; }
.p_Backhome a				{ border: 1px #259F61 solid; color: #259F61; background-color: #FFFFFF;
							  padding: 10px 0px; display: block; 
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.p_Backhome a:visited		{ color: #259F61; }
.p_Backhome a:hover			{ border: 1px #259F61 solid; color: #FFFFFF; background-color: #259F61;
							  padding: 10px 0px; display: block; }


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

.p_Inner					{ max-width: 100%; margin: 0 auto; }
.p_Line						{ height: 0px; background: none; margin: 5px 0; border-bottom: 2px #7fcc30 solid; }
.p_MnPointcard				{ margin-top: 1%; }
.p_MnPointcard p			{ width: 90%; font-size: 100%; margin: 0 auto; line-height: 130%; }
.p_MnPointcard img 			{ width: 50%; margin-bottom: 8px; }

}

/* ------------------------------------------------------------ */

/* 汎用＠ヘッダ */

#p_Header					{ position: relative; height: 64px; }

/* 汎用＠ヘッダ＠ロゴ */

#p_Header h1 img			{ position: absolute; top: 20px; left: 0; width: 380px; height: 44px; }
#p_Header h1 a				{ display: block; text-indent: -9999px; width: 380px; height: 44px; }

/* 汎用＠ヘッダ＠こうもりボタン */

#p_HdBtnOnlineshop			{ position: absolute; top: 0; right: 0; }
#p_HdBtnMember				{ position: absolute; top: 0; right: 150px; }

/* 汎用＠ヘッダ＠４大項目 */

#p_HdMenuShop				{ position: absolute; top: 34px; right: 370px; }
#p_HdMenuCompany			{ position: absolute; top: 34px; right: 260px; }
#p_HdMenuRecruit			{ position: absolute; top: 34px; right: 150px; }
#p_HdMenuContact			{ position: absolute; top: 34px; right: 0; }

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

#p_Header					{ width: 98%; height: 80px; margin: 0 auto; }
#p_Header h1				{ position: absolute; top: 10px; left: 0; width: 80%; }
#p_Header h1 a				{ text-indent: -9999px; }
#p_Header h1 img			{ display: block; width: 100%; height: auto; }
#p_HdBtnOnlineshop			{ display: none; }
#p_HdBtnMember				{ display: none; }
#p_HdMenuShop 				{ display: none; }
#p_HdMenuCompany			{ display: none; }
#p_HdMenuRecruit 			{ display: none; }
#p_HdMenuContact 			{ display: none; }


/*----スマホ用メニュー＠三本線----*/
#p_Header nav				{ float:right; margin-right:5px; }
#p_Header nav.menu			{ width: 35px; height:110px; top: 33px; position:relative; cursor:pointer; }
#p_Header nav .menu1			{ width:35px; height:2px; background-color: #7FCC31; top:0px; position:absolute; } 
#p_Header nav .menu2			{ width:35px; height:2px; background-color: #7FCC31; top:12px; position:absolute; } 
#p_Header nav .menu3			{ width:35px; height:2px; background-color: #7FCC31; top:24px; position:absolute; }
#p_Header nav .menu1,#p_Header nav .menu2,#p_Header nav .menu3
{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
  -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
#p_Header nav .menuclick1		{ top:13px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				  -ms-transform: rotate(405deg); transform: rotate(405deg); }
#p_Header nav .menuclick2　	{ background-color:rgba(255,255,255,0);  }
#p_Header nav .menuclick3		{ top:13px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
				  -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); } 

}
/* ------------------------------------------------------------ */

/* 汎用＠フッタ＠リストリンク */

#p_Footer ul				{ width: 100%; font-size: 12px; border-bottom: #CCCCCC 1px solid; padding-bottom: 10px; margin-bottom: 20px; }
#p_Footer ul li				{ list-style: none; display: inline; margin-right: 10px; }
#p_Footer li:before			{ content: "≫"; margin-right: 2px; color: #CCCCCC; }
#p_Footer a					{ color: #999999; }
#p_Footer a:hover			{ color: #CCCCCC;
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/* 汎用＠フッタ＠本部と通販サイト */

#p_Footer dt				{ float: left; width: 15%; margin-right: 5%; }
#p_FtHeadquarter			{ float: left; width: 40%; font-size: 12px; text-algin: center; letter-spacing: 0.04em; line-height: 180%; margin-bottom: 35px; }
#p_FtBranch					{ float: left; width: 40%; font-size: 12px; text-algin: center; letter-spacing: 0.04em; line-height: 180%; margin-bottom: 35px; }

/* 汎用＠フッタ＠著作権表示 */

#p_FtCopyright				{ padding: 20px 0; text-align: center; }

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

#p_Footer ul				{ display: none; }
#p_Footer dt				{ float: left; width: 15%;margin-left: 5%; }
#p_FtHeadquarter			{ width: 80%; margin: 2% 10%; line-height: 130%; }
#p_FtBranch					{ width: 80%; margin: 2% 10%; line-height: 130%; }
#p_FtCopyright				{ width:100%; bottom:0; float:left; }
#p_FtCopyright img			{ max-width:95%; }
}

/* ------------------------------------------------------------ */