@charset "UTF-8";
/* CSS Document */

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

/*

【命名規則】

[1] 領域表記

　汎用ページパーツには接頭辞「p_」を用う。トップページ限定パーツには「t_」を用う。
　ただし、傘下ページ限定パーツには２文字略号を用う。ショップページには「sp_」等を以て充てる。
　尚、「p_」は最上位概念とし、トップページと雖も汎用が此を包括す。

[2] 部位表記

　ヘッダパーツには「Hd」を、フッタパーツには「Ft」を以てす。
　メインパーツには「Mn」を以てす。以下、カラム分けが存在する場合は次の規則に従う。
　２カラムの太細には「Fat」「Slim」を、上下の位置関係には「Upper」「Under」を以て充てる。

[3] 特殊略号

　スポットパーツには随意の３文字略号を用う。
　説明文には「Exp」、サムネイルには「Tmn」、ミニリストの単項には「One」を用う。

[4] 例外

　わかりやすさを優先する場合、特例において敢てこの規則を用いず。

*/

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

/* クラス「PC」とクラス「SP」により表示を分ける */

@media screen and (min-width: 1024px){ .PC { display: block; } .SP { display: none; }
											 body { font-family: 'Noto Sans Japanese', sans-serif; } }
@media screen and (max-width: 1023px){ .PC { display: block; } .SP { display: none; } }
@media screen and (min-width:  768px){ .PC { display: block; } .SP { display: none; } }
@media screen and (max-width:  767px){ .PC { display: none; } .SP { display: block; } }
@media screen and (max-width:  479px){ .PC { display: none; } .SP { display: block; } }

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

/* 待合所 */

@media screen and (min-width: 1920px) and (max-width: 9999px){}
@media screen and (min-width: 768px) and (max-width: 1919px){}

@media screen and (min-device-width: 721px) and (max-device-width: 1024px) and (orientation:portrait){}
@media screen and (min-device-width: 721px) and (max-device-width: 1024px) and (orientation:landscape){}

@media only screen and (max-width: 767px),
 only screen and (min-device-width: 721px) and (max-device-width: 1024px) and (orientation:portrait),
 only screen and (min-device-width: 721px) and (max-device-width: 1024px) and (orientation:landscape){}

@media screen and (max-width: 767px){}
@media screen and (max-width: 479px){}
@media screen and (min-device-width: 320px) and (max-device-width: 720px) and (orientation:landscape){}

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




/* ------------------------------------------------------------ */
/* トップページ */
/* ------------------------------------------------------------ */

/* トップページ＠業務内容 */

#t_MnDescription			{ width: 100%; }
#t_MnDescription h3			{ display: block; float: left; width: 15%; height: auto; margin-bottom: 20px; margin-right: 5%; }
#t_MnDescription p			{ display: block; float: left; width: 80%; height: auto; margin-bottom: 20px;
							  font-size: 12px; text-algin: center; letter-spacing: 0.04em; line-height: 180%; }

/* トップスライダー調整 */
.flex-control-nav			{ bottom:-20px!important; }


/* トップページ＠アイコン */

#t_MnIcon					{ clear: both; margin: 30px -12px 20px 0; overflow: hidden; font-size: 0; }
#t_MnIcon li				{ float: left; margin-right: 12px; width: 150px; height: 100px; display: inline; overflow: hidden; }

.over-animation img{
  transition: all 2s; /* 2秒で適用するということ*/
  opacity:1; /* 元々、opacityは1であるから最初の読み込み時点では何の変化もない */
}
.over-animation{
  background: #ffffff; /* 白いバックグラウンド。つまり、画像が透明化すればこの壁紙が透けて見える */
}
.over-animation:hover img{
  opacity:0.2; /* マウスがspan.over-animationに重なれば透明度が0.2となる。これはtransition:all 2sの影響を受ける */
}

/*----他ページ用メニュー収納----*/
#shimau					{ display:none; }

/* トップページ＠ニュース一覧  */

#t_MnNews					{ background-color: #eff1ef; width: 100%; margin: 50px auto 80px auto; padding: 50px 0px; overflow: hidden; }

#t_MnNews ul				{ margin: 30px -20px 20px 0px; overflow:hidden; }
#t_MnNews li a				{ color: #000000; }
#t_MnNews li				{ float: left; margin-right: 20px; margin-bottom: 20px; width: 225px; height: auto;
							  overflow: hidden; background-color: #FFFFFF; display: inline-block; position: relative; }
							  
#t_MnNews li div.Fin		{ position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.3);
							　transition: 0.3s; color:rgba(255,255,255,1); }
#t_MnNews li div.Fin p		{ font-size: 18px; padding: 0 20px; margin: 0 auto; position: relative; top: 50%; text-align:center;
							-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #000; width:70%;}

							  
#t_MnNews .Tmn img			{ width: 225px; height: 150px; }
#t_MnNews .Exp				{ max-width: 225px;
							  min-width: 225px; min-height: 150px;
							  background-color: #FFFFFF; padding: 10px; }
#t_MnNews .Exp h3			{ font-weight: 600; height:40px; overflow:hidden; }
#t_MnNews .Exp p			{ font-size: 100%; line-height: 175%; height:40px; overflow:hidden; font-size:95%;margin-bottom:5px; }
#t_MnNews .Exp p.Time		{ font-weight: 600; text-align:right; height:25px; overflow:hidden; font-size:95%;margin-bottom:0px; }

#t_MnNews .Btn				{ color: #259F61; float:right;
							  border: 1px #259F61 solid; }
#t_MnNews .Btn a			{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
#t_MnNews .Btn a:hover		{ background-color: #C8E7D7;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }



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

	#t_MnDescription			{ display: none; }
	#t_MnIcon					{ width: 98%; margin: 0 auto 10px auto; top:0; overflow: hidden; font-size: 0; z-index:9999; background-color:rgba(255,255,255,0.5);  }
	#t_MnIcon li				{ float: left; margin: 1%; width: 31.3%; height: auto; display: inline; overflow: hidden; }
	#t_MnIcon li img			{ width: 100%;}
	
	
	#t_MnNews					{ width: 100%; margin: 50px auto 80px auto; padding: 50px 0px; overflow: hidden; }
	
	#t_MnNews ul				{ width: 95%; margin: 0px auto; }
	#t_MnNews li a				{ color: #000000; }
	#t_MnNews li				{ float: left; margin-right: 20px; margin-bottom: 20px; width: 300px; height: auto;
								  overflow: hidden; background-color: #FFFFFF; display: inline-block; }
	#t_MnNews .Tmn img			{ width: 300px; height:200px; }
	#t_MnNews .Exp				{ max-width: 300px;
								  min-width: 300px; min-height: 150px;
								  background-color: #FFFFFF; padding: 10px; }
	#t_MnNews .Btn				{ margin-right:10px; }
}

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

	#t_MnNews					{ width: 100%; margin: 10px auto 50px auto; padding: 50px 0px; overflow: hidden; }
	
	#t_MnNews ul				{ width: 90%; margin: 50px auto; }
	#t_MnNews li a				{ color: #000000; }
	#t_MnNews li				{ float: inherit; margin-right: 20px; margin-bottom: 20px; width: 100%; height: auto;
								  overflow: hidden; background-color: #FFFFFF; display: inline-block; }
	#t_MnNews .Tmn img			{ width:100%; height:auto; }
	#t_MnNews .Exp				{ max-width: 100%;
								  min-width: 100%; min-height: 150px;
								  background-color: #FFFFFF; padding: 10px; }

}


/* トップページ＠リンク(サスティナ、スタッフコーディネート)  */

#t_links{
    width: 100%;

}

#t_links .links_f{
    display: flex;
    justify-content: center;
    

}

#t_links .links_f li {
    list-style: none;
    padding: 10px;
  }

  #t_links .links_f li img{
    max-width: 100%;
  }


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



    #t_links .links_f{

    flex-direction: column;
    align-items: center;
}

  }



/* ------------------------------------------------------------ */
/* 店舗単体 */
/* ------------------------------------------------------------ */
/* 店舗単体＠タイトル */

#so_Title					{ width: 100%; margin: 50px 0px; }
#so_Title h2				{ text-align: center; font-size: 150%; margin-bottom: 0px; font-weight: 600; color: #7FCC31; }
#so_Title h3				{ text-align: center; font-size: 200%; margin-bottom: 5px; font-weight: 600; }
#so_Title h4				{ text-align: center; font-size: 100%; }

/* 店舗単体＠ファーストビュー */

#so_Firstview				{ width: 100%; height: auto; margin-bottom: 30px; }

@media screen and (max-width: 767px) {
	#so_Firstview			{ height:auto; }
	#so_Firstview img		{ width: 100%; }
	#so_Title				{ width: 100%; margin: 20px 0px; }
	#so_Title h2			{ width: 95%; margin:0 auto; font-size: 146.5%;}
	#so_Title h3			{ width: 95%; font-size: 150%; margin:0 auto 5px auto; }
	#so_Title h4			{ width: 95%; margin:0 auto; text-align: center; font-size: 100%; }
	
}

/* 店舗単体＠３つの魅力 */

#so_Feature					{ width: 100%; margin-bottom: 50px; }
#so_Feature dl				{ width:  32%; float: left; margin-right: 2%; }
#so_Feature dl:last-child	{ width:  32%; float: left; margin-right: 0%; }
#so_Feature dt				{ width: 100%; padding: 10px 0px; margin-bottom: 15px;
							  text-align: center; font-weight: 600; font-size: 130%; background-color: #259F61; color: #FFFFFF; }
#so_Feature dd				{ width:  94%; margin: 0px auto; font-size: 100%; line-height: 175%; }

@media screen and (max-width: 767px) {
	#so_Feature dl				{ width:  95%; float: inherit; margin:10px auto; }
	#so_Feature dl:last-child	{ width:  95%; float: inherit; margin:10px auto; }
}

/* 店舗単体＠店舗詳細（背景グレイ） */

#so_Detail					{ width: 960px; margin: 0px auto; padding: 50px 0px; }
#so_Detail div.Map			{ width: 50%; float: right; height: auto; }
#so_Detail .Map iframe		{ width: 100%; height: 450px; }
#so_Detail .Text			{ width: 46%; float:  left; margin: 0px auto; }
#so_Detail .Text p			{ line-height: 175%; }
#so_Detail .Text span		{ font-weight: 600; }

@media screen and (max-width: 767px) {
	#so_Detail				{ width: 95%; margin: 0px auto; padding: 50px 0px; }
	#so_Detail div.Map		{ width: 95%; float: inherit; height: auto; margin: 0px auto; }
	#so_Detail .Text		{ width: 95%; float: inherit; margin: 0px auto; }
}

/* 店舗単体＠取扱いブランド */

#so_Brand					{ width: 100%; padding: 50px 0px; clear: both; }
#so_Brand .List				{ width:  96%; margin: 0px auto 20px auto; }
#so_Brand .Logo				{ width:  96%; margin: 0px auto  0px auto; }
#so_Brand .Logo img			{ max-width: 900px; height: auto; }

#so_Brand .otherbanner			{ margin: 0px auto 20px auto; }

@media screen and (max-width: 767px) {
	#so_Brand					{ width: 95%; padding: 50px 0px; clear: both; margin:0 auto; }
	#so_Brand .Logo img			{ max-width: 100%; height: auto; }
	#so_Brand .otherbanner img	{ width: 98%;}
	.fitnesstrainingblog_Title	{ font-size: 100%; }
}

/* 店舗単体＠店舗ニュース（背景グレイ） */

#so_News					{ width: 960px; margin: 0px auto; padding: 50px 0px; overflow: hidden; }


#so_News ul					{ margin: 30px -20px 20px 0px; overflow:hidden;  }
#so_News li a				{ color: #000000; }
#so_News li					{ float: left; margin-right: 20px; margin-bottom: 20px; width: 225px; height: auto;
							  overflow: hidden; background-color: #FFFFFF; display: inline-block; position: relative; }

#so_News li	div.Fin			{ position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.3);
							　transition: 0.3s; color:rgba(255,255,255,1); }
#so_News li div.Fin p		{ font-size: 18px; padding: 0 20px; margin: 0 auto; position: relative; top: 50%; text-align:center;
							-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
							  background-color: #000; width: 70%; }
						  

#so_News .Tmn img			{ width: 225px; height: 150px; }
#so_News .Exp				{ max-width: 225px;
							  min-width: 225px; min-height: 150px;
							  background-color: #FFFFFF; padding: 10px; }
#so_News .Exp h3			{ font-weight: 600; height:60px; overflow:hidden; }
#so_News .Exp p				{ font-size: 100%; line-height: 175%; height:40px; overflow:hidden; font-size:95%;margin-bottom:5px;  }
#so_News .Exp p.Time		{ font-weight: 600; text-align:right; height:25px; overflow:hidden; font-size:95%;margin-bottom:0px; }
#so_News .Exp p.Tenpo		{ text-align:right; height:40px; text-align:left; overflow:hidden; font-size:95%;margin-bottom:0px; }

#so_News .Btn				{ color: #259F61; float:right;
							  border: 1px #259F61 solid; }
#so_News .Btn a				{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
#so_News .Btn a:hover		{ background-color: #C8E7D7;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }



@media screen and (max-width: 767px) {
	#so_News					{ width: 100%; margin: 0px auto; padding: 50px 0px; overflow: hidden; }
	
	#so_News ul					{ width: 95%; margin: 0px auto; }
	#so_News li					{ width: 300px; height: auto; }
	#so_News .Tmn img			{ width: 300px; height: 200px; }
	#so_News .Exp				{ max-width: 300px;
								  min-width: 300px; min-height: 150px; }	
	#so_News .Btn				{ margin-right:10px; }

}

@media screen and (max-width: 479px) {
	#so_News					{ width: 95%; margin: 0px auto; padding: 50px 0px; overflow: hidden; }
	#so_News li					{ float: inherit; margin-right: 20px; margin-bottom: 20px; width: 100%; height: auto;
								  overflow: hidden; background-color: #FFFFFF; display: inline-block; } 
	#so_News .Tmn img			{ width:100%; height:auto; }
	#so_News .Exp				{ max-width: 100%;
								  min-width: 100%; min-height: 150px; }	
								  
}




/* 店舗単体＠ブランド共通オトク情報 */

#so_Information				 { width: 960px; margin: 0px auto; padding: 50px 0px; }
#so_Information p			 { font-size: 125%; line-height: 150%; }
#so_Information ul			 { width: 100%; margin-top: 10px; }
#so_Information li			 { max-width: 225px; max-height: 160px; float: left; margin-right: 20px; }
#so_Information li:last-child{ max-width: 225px; max-height: 160px; float: left; margin-right: 0px; }
#so_Information li img		 { max-width: 225px; max-height: 160px; }


@media screen and (max-width: 767px) {
	#so_Information				 { width: 95%; margin: 0px auto; padding: 50px 0px; }
	#so_Information p			 { font-size: 110%; width:95%; margin:0 auto; }
	#so_Information li			 { max-width: 48%; max-height: auto; float: left; margin-right: 2%; }
	#so_Information li:last-child{ max-width: 48%; max-height: auto; float: left; margin-right: 0px; }
	#so_Information li img		 { max-width: 100%; max-height: auto; }
}



/* ------------------------------------------------------------ */
/* ストア一覧 */
/* ------------------------------------------------------------ */

/* ストア一覧＠ファーストビュー */

#st_Firstview				{ width: 100%; height: auto; margin-top: 50px; text-align:center; }
@media screen and (max-width: 767px) {
	#st_Firstview			{ height:auto; }
	#st_Firstview img		{ width: 100%; }

}

/* ストア一覧＠キャッチコピー */

#st_Catch					{ width: 100%; margin: 50px 0px; }
#st_Catch h2				{ text-align: center; font-size: 175%; font-weight: 600; color: #7FCC31; margin-bottom: 10px; }
#st_Catch h3				{ text-align: center; font-size: 100%; }

@media screen and (max-width: 767px) {
	#st_Catch				{ width: 95%; margin: 50px auto; }
	#st_Catch h2			{ font-size: 155%; }

}

/* ストア一覧＠店舗単体ボックス */

.st_One						{ position: relative;
							  width: 100%; height: 400px; background-color: #EFF1EF; padding: 30px; margin-bottom: 30px; }
.st_One .Tmn				{ width:  50%; float: left; }
.st_One .Tmn img			{ max-width: 400px; max-height: 320px; }
.st_One .Exp				{ width:  50%; float: left; }
.st_One .Exp h3				{ font-size: 125%; font-weight: 600; margin-bottom:  0px; color: #7FCC31; }
.st_One .Exp h4				{ font-size: 175%; font-weight: 600; margin-bottom: 10px; }
.st_One .Exp p				{ font-size: 100%; line-height: 175%; }
.st_One .Title				{ margin-bottom:  5px; font-weight: 600; }
.st_One .Text				{ margin-bottom: 20px; }
.st_One .Btn				{ position: absolute; right: 30px; bottom: 30px;
							  color: #259F61;
							  border: 1px #259F61 solid; }
.st_One .Btn a				{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
.st_One .Btn a:hover		{ background-color: #C8E7D7;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }


@media screen and (max-width: 767px) {
	.st_One						{ height:auto; position:inherit; text-align:left; }
	.st_One .Exp h3				{ margin-top:10px; }
	.st_One .Exp h4				{ font-size: 125%; }
	.st_One .Tmn				{ width:  100%; float: inherit; }
	.st_One .Tmn img			{ max-width: 100%; max-height:auto; }
	.st_One .Exp				{ width:  100%; float: inherit; }
	.st_One .Btn				{ position: inherit; float:right; }
	.st_One .Exp p				{ font-size: 100%; line-height: 135%; }
	.st_One .Title				{ text-align:left;margin-bottom: 0px; }
	.st_One .Text				{ text-align:left;margin-bottom: 5px; }
}

/* ストア一覧＠店舗ニュース */
#st_News					{ width: 960px; margin: 0px auto; padding: 50px 0px; overflow: hidden; }
#st_News-Inner				{ margin: 0px -4px 0px 0px; }

#st_News ul					{ margin: 30px -20px 20px 0px; overflow:hidden;  }
#st_News li a				{ color: #000000; }
#st_News li					{ float: left; margin-right: 20px; margin-bottom: 20px; width: 225px;
							  overflow: hidden; background-color: #FFFFFF; display: inline-block; position:relative; }
							  
#st_News li	div.Fin			{ position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.3);
							　transition: 0.3s; color:rgba(255,255,255,1); }
#st_News li div.Fin p		{ font-size: 16px; padding: 0 20px; margin: 0 auto; position: relative; top: 50%; text-align:center;
							-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #000; width: 70%; }


#st_News .Tmn img			{ width: 225px; height: 150px; }
#st_News .Exp				{ max-width: 225px;
							  min-width: 225px; min-height: 150px;
							  background-color: #FFFFFF; padding: 10px; }
#st_News .Exp h3			{ font-weight: 600; height:40px; overflow:hidden; }
#st_News .Exp p				{ font-size: 100%; line-height: 175%; height:40px; overflow:hidden; font-size:95%;margin-bottom:5px;  }
#st_News .Exp p.Time		{ font-weight: 600; text-align:right; height:25px; overflow:hidden; font-size:95%;margin-bottom:0px; }
#ns_News .Exp p.Tenpo		{ text-align:right; height:40px; text-align:left; overflow:hidden; font-size:95%;margin-bottom:0px; }


@media screen and (max-width: 767px) {
	#st_News					{ width: 100%; margin: 0px auto; padding: 50px 0px; overflow: hidden; }
	
	#st_News ul					{ width: 95%; margin: 0px auto; }
	#st_News li					{ width: 300px; height: auto; }
	#st_News .Tmn img			{ width: 300px; height: 200px; }
	#st_News .Exp				{ max-width: 300px;
								  min-width: 300px; min-height: 150px; }	
}

@media screen and (max-width: 479px) {
	#st_News					{ width: 95%; margin: 0px auto; padding: 50px 0px; overflow: hidden; }
	#st_News li					{ float: inherit; margin-right: 20px; margin-bottom: 20px; width: 100%; height: auto;
								  overflow: hidden; background-color: #FFFFFF; display: inline-block; } 
	#st_News .Tmn img			{ width:100%; height:auto; }
	#st_News .Exp				{ max-width: 100%;
								  min-width: 100%; min-height: 150px; }	
								  
}


/* ストア一覧＠ブランド共通オトク情報 */

#st_Information				 { width: 960px; margin: 0px auto; padding: 50px 0px; }
#st_Information p			 { font-size: 125%; line-height: 150%; }
#st_Information ul			 { width: 100%; margin-top: 10px; }
#st_Information li			 { max-width: 225px; max-height: 160px; float: left; margin-right: 20px; }
#st_Information li:last-child{ max-width: 225px; max-height: 160px; float: left; margin-right: 0px; }
#st_Information li img		 { max-width: 225px; max-height: 160px; }


@media screen and (max-width: 767px) {
	#st_Information				 { width: 95%; margin: 0px auto; padding: 50px 0px; }
	#st_Information p			 { font-size: 110%; width:95%; margin:0 auto; }
	#st_Information li			 { max-width: 48%; max-height: auto; float: left; margin-right: 2%; }
	#st_Information li:last-child{ max-width: 48%; max-height: auto; float: left; margin-right: 0px; }
	#st_Information li img		 { max-width: 100%; max-height: auto; }
}



/* ------------------------------------------------------------ */
/* ショップ一覧 */
/* ------------------------------------------------------------ */

/* ショップ一覧＠タイトル */

#sl_Title					{ width: 100%; margin: 50px 0px 90px 0px; text-align: center; }
#sl_Title h2				{ width: auto; margin: 0px auto; display: inline; font-size: 300%; text-align: center; border-bottom: 5px #EEEEEE solid; }

@media screen and (max-width: 767px) {
	#sl_Title h2			{ font-size: 150%; margin: 50px 0px; }
}

/* ショップ一覧＠ふとっちょ＆ほっそりタワー */

#sl_TwinTower				{ width: 100%; }
#sl_FatTower				{ width: 710px; float: left; }
#sl_SlimTower				{ width: 200px; float: right; }


@media screen and (max-width: 767px) {
	#sl_FatTower				{ width: 100%; margin:0 auto; }
	#sl_SlimTower				{ width: 100%; margin:0 auto; }
}

/* ショップ一覧＠店舗単体ボックス */

.sl_One						{ position: relative;
							  width: 100%; height: 100%; background-color: #EFF1EF; padding: 30px 30px 50px; margin-bottom: 30px; }
.sl_One .Tmn				{ width:  50%; float: left; }
.sl_One .Tmn img			{ max-width: 300px; max-height: 240px; }
.sl_One .Exp				{ width:  50%; float: left; }
.sl_One .Exp h3				{ font-size: 125%; font-weight: 600; margin-bottom:  0px; color: #7FCC31; }
.sl_One .Exp h4				{ font-size: 175%; font-weight: 600; margin-bottom: 10px; }
.sl_One .Exp p				{ font-size: 100%; line-height: 175%; }
.sl_One .Title				{ margin-bottom:  5px; font-weight: 600; }
.sl_One .Text				{ margin-bottom: 20px; }
.sl_One .Btn				{ position: absolute; right: 30px; bottom: 15px;
							  color: #259F61;
							  border: 1px #259F61 solid; }
.sl_One .Btn a				{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
.sl_One .Btn a:hover		{ background-color: #C8E7D7;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

@media screen and (max-width: 767px) {
	.sl_One						{ height:auto; position:inherit; text-align:left; }
	.sl_One .Exp h3				{ margin-top:10px; }
	.sl_One .Exp h4				{ font-size: 125%; }
	.sl_One .Tmn img			{ max-width: 100%; max-height: auto; }
	.sl_One .Tmn				{ width:  100%; float: inherit; }
	.sl_One .Exp				{ width:  100%; float: inherit; }
	.sl_One .Btn				{ position: inherit; float:right; }
	.sl_One .Exp p				{ font-size: 100%; line-height: 135%; }
	.sl_One .Title				{ text-align:left;margin-bottom: 0px; }
	.sl_One .Text				{ text-align:left;margin-bottom: 5px; }
}

/* ショップ一覧＠検索枠 */

#sl_Search					{ width: 100%; margin-bottom: 30px; }
#sl_Search .p_Title			{ text-align: center; font-size: 125%; }

/* ショップ一覧＠バナー一覧 */

#sl_Banner					{ width: 100%; margin-bottom: 30px; }
#sl_Banner .p_Title			{ text-align: center; font-size: 125%; }
#sl_Banner img				{ margin-bottom:10px; }


@media screen and (max-width: 767px) {
	#sl_Banner					{ width: 95%; margin:0px auto; clear:both; }
 	#sl_Banner .p_Title			{ text-align: center; font-size: 125%; }
	#sl_Banner img				{ width: 46%; margin:2%; float:left; margin-bottom:2%; }
	#map_canvas					{ margin-top:50px; }

}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* 一枚完結小ページ */
/* ------------------------------------------------------------ */

/* 小ページ＠タイトル */
#ko_Inner					{ clear:both; }
#ko_Inner h1				{ font-size:0; }
#ko_Inner h1 img			{ width: 100%; margin-top:50px; }
#ko_Inner h3				{ color: #259f61; font-weight: bold; letter-spacing: 0.04em; line-height: 180%; font-size:170%; margin-top: 80px; margin-bottom:20px; }

#ko_CatchBox				{ width: 100%; margin: 50px auto 20px auto; text-align: center; }
#ko_Catch					{ width: auto; margin: 0px auto; display: inline; font-size: 300%; text-align: center; border-bottom: 5px #EEEEEE solid;
							  letter-spacing: 0.04em; line-height: 180%; }
#ko_Caption					{ width: auto; margin: 50px auto; font-size:120%; text-align:center; }
#ko_CaptionChui				{ width: auto; margin: 50px auto; font-size:90%; text-align:left; }

@media screen and (max-width: 767px) {
	#ko_Inner					{ width:95%; margin:0 auto; }
	#ko_Inner h1				{ color: #7fcc31; font-size: 160%; font-weight:bold; text-align:center; padding-top:30px; }
	#ko_Inner h1 img			{ display:none; }
	#ko_Inner h3				{ line-height: 160%; font-size:140%; }
	#ko_CatchBox				{ margin: 20px auto 20px auto; text-align: center; }
	#ko_Catch					{ font-size: 150%; }
	#ko_Caption					{ font-size:75%; margin: 20px auto; }
	#ko_CaptionChui				{ font-size:75%; }
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* チームオーダー＠３つのポイント　*/
#to_PointBox				{ width: 500px; height: auto; margin: 0 auto; overflow:hidden; clear:both; }
#to_PointBox li				{ width: 150px; height: 150px; margin: 0 25px 0 0; text-align: center; line-height: 150px;
							  font-weight: bold; font-size: 220%; color: #fff; background-color: #7fcc31; float:left; } 
#to_PointBox li.last		{ margin: 0; }

/* チームオーダー＠ブランドカタログ一覧　*/
#to_Catalog					{ clear:both; margin-bottom:30px; }
#to_Catalog p				{ color: #259f61; font-weight: bold; letter-spacing: 0.04em; line-height: 100%; font-size:110%; margin:5px 0; }
#to_Catalog span			{ font-size:90%; line-height: 120%; }
#to_Catalog .left			{ float: left; width: 197px; }
#to_Catalog .right			{ float: right; width: 197px; }
#to_CatalogLeft				{ width: 450px; height: 210px; margin-right: 60px; float: left; overflow: hidden; }
#to_CatalogRight			{ width: 450px; height: 210px; float:right; overflow: hidden; }
#to_Catalog	.gray			{ background-color: #eee; padding: 20px; }

/* チームオーダー＠お問い合わせフォーム　*/
#to_Contact					{ background-color: #259f61; width: 100%; letter-spacing: 0.06em; line-height: 230%; margin: 50px 0; padding:30px 0;
							  color: #fff; border: 2px #259F61 solid; }
#to_Contact.three			{ width: 465px; margin-right: 30px; float:left; }
#to_Contact.last			{ margin-right: 0; }
#to_Contact p.midashi		{ font-weight: blod; font-size: 120%; text-align: center; }
#to_Contact p.number		{ font-weight: 700; font-size: 280%; font-family: 'Quattrocento Sans','Noto Sans Japanese', sans-serif;
							  text-align: center; padding: 10px 0px; }
a #to_Contact:hover			{ border: 2px #259F61 solid; color: #259F61; background-color: #FFFFFF;
							  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 767px) {
	#to_PointBox				{ width: 100%; }
	#to_PointBox li				{ width: 30%; height: auto; margin: 0 3% 0 0; line-height: 250%; font-size: 160%; } 
	#to_Catalog					{ clear:both; margin-bottom:0px; }
	#to_Catalog span			{ font-size:90%; line-height: 120%; }
	#to_Catalog .left			{ float: left; width: 47%; margin-bottom:30px; }
	#to_Catalog .right			{ float: right; width: 47%; margin-bottom:30px; }
	#to_Catalog .left img		{ width: 100%; }
	#to_Catalog .right img		{ width: 100%; }
	#to_CatalogLeft				{ width: 100%; height: auto; margin-right: 3%; float: left; overflow: hidden; }
	#to_CatalogRight			{ width: 100%; height: auto; float:right; overflow: hidden; }
	#to_Catalog	.gray			{ background-color: #eee; padding: 20px; }

	#to_Contact					{ background-color: #259f61; width: 100%; letter-spacing: 0.06em; line-height: 230%; margin: 15px 0; padding:20px 0;
								  color: #fff; border: 2px #259F61 solid; }
	#to_Contact.three			{ width: 100%; margin-right: 0px; float:left; margin: 5px 0; }
	
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* 外商＠画像一覧　*/
#gs_Catalog					{ clear: both; margin: 30px auto; width: 700px; overflow: hidden; }
#gs_Catalog .left			{ float: left; width: 305px; }
#gs_Catalog .right			{ float: right; width: 305px; }
#gs_Catalog p				{ font-weight: bold; letter-spacing: 0.04em; line-height: 100%; font-size:110%; margin:5px 0; text-align:center; }

/* 外商＠お問い合わせフォーム２列に */
#to_Contact.two				{ width: 465px; margin-right: 30px; float:left; }
#to_Contact.last			{ margin-right: 0; }

@media screen and (max-width: 767px) {
	#gs_Catalog				{ width: 80%; }
	#gs_Catalog .left,#gs_Catalog .right,#gs_Catalog .left img,#gs_Catalog .right img
							{ width:100%; }
	#gs_Catalog p			{ margin:20px 0; text-align:center; }
	#to_Contact.two			{ width: 100%; margin:0 auto; }
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* グラブオーダー＠画像一覧　*/
#go_Site					{ clear: both; margin: 50px auto; width: 650px; overflow: hidden; }
#go_Site .left				{ float: left; }
#go_Site .right				{ float: right; }
#go_Site p					{ font-weight: bold; letter-spacing: 0.04em; line-height: 100%; font-size:110%; margin:5px 0; text-align:center; }
#go_Site img:hover			{ opacity: 0.5; }

/* グラブオーダー＠流れリスト */
ol#go_List				{ list-style: none; counter-reset: ol_li; font-size:120%; margin:20px 0; }
ol#go_List li			{ border: 2px solid #7fcc31; margin: 10px 0; padding: 10px; }
ol#go_List p.num		{ color: #7fcc31; margin:0 10px 0 0; float: left; width: 50px; text-align:center;
						  font-size: 230%; font-weight: 700; font-family: 'Quattrocento Sans','Noto Sans Japanese', sans-serif; }
ol#go_List p.cap		{ float: left; line-height: 230%; max-width:865px; }
ol#go_List p.cap span	{ color:#e26034; }

@media screen and (max-width: 767px) {
	ol#go_List					{ font-size:100%; }
	ol#go_List p.num			{ text-align:left; }
	#go_Site					{ clear: both; margin: 0px auto; width: 100%; overflow: hidden; }
	#go_Site .left				{ float:inherit; margin-bottom:20px; }
	#go_Site .right				{ float:inherit; margin-bottom:20px; }
	#go_Site .left img			{ width:100%; }
	#go_Site .right	img			{ width:100%; }
	#ko_Caption img.logo_img	{ width:100%; }
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* グラブ修理＠テーブル */
#gr_Table					{ width: 960px; table-layout: fixed; margin-bottom: 80px; }
#gr_Table td,#gr_Table th 	{ padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; }
#gr_Table p					{ text-align: center; }
@media screen and (max-width: 767px) {
	#gr_Table				{ display:none;}
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* スポーツマリオアプリ　*/
/* ------------------------------------------------------------ */

/* トップタイトル */
#ap_top  {margin: 15px 0; }
.app_icon {float: left; width: 19%; }
.ap_title h1 {text-align: center; float:left; padding: 2%; width: 81%; }
.ap_title h1 img {width: 100%; }
#ap_top_text {font-size: 120%; margin: 2% 0; text-align: center; font-weight: bold;}
#ap_top_left {float: left; margin: 5% 0; width: 60%;}
#ap_top_left h2 {font-size: 300%; color: #e25f35; font-weight: bold; margin: 5% 0; text-align: center; }
#ap_batch {margin: 5% 10%;}
/*#ap_batch li, #ap_batch_download li {float: left; margin: 0 7% ;}*/
#ap_batch li, #ap_batch_download li {margin: 0 7% ; text-align: center; display: inline;}
.ap_appStore img {width: 150px; }
.ap_googlePlay img {width:180px;}
#ap_top_right {float: right; width: 34%; margin: 0 3%;}
#ap_top_right img {width: 80%;}
@media screen and (max-width: 767px) {
#ap_top { margin: 5%;}
#ap_top_text {font-size: 100%;}
#ap_top_left h2 {font-size: 170%; }
#ap_batch {margin: 5% 6%;}
/*#ap_batch li, #ap_batch_download li {margin: 0 5% ; }*/
#ap_batch li, #ap_batch_download li {margin: 0 auto ; text-align: center; display: inline;}
.ap_appStore {width: 137%; }
.ap_googlePlay {width: 43%; }
.ap_appStore img, .ap_googlePlay img  {width: 100%;}
#ap_top_left {margin: 0; width: 64%;}
#ap_top_right {margin: 0 0 0 2%;}
}
@media screen and (max-width: 479px) {
#ap_top_text {font-size: 120%; margin: 2% 0; text-align: center; font-weight: bold;}
#ap_top_left {float: none; margin: 5% 0; width: 100%;}
#ap_top_left h2 {font-size: 250%; margin: 3% 0; }
#ap_top_right {float: none; width: 80%; margin: 0 auto;}
#ap_top_right img {width: 100%;}
}

/* はじめに */
#ap_first, #ap_cooperation {background: #ffffe6; padding: 10px; }
#ap_contents h3 { font-size: 200%; font-weight: bold; text-align: center; color: #fff; padding: 10px 0;}
#ap_pointcard  { width: 100%;}
#ap_pointcard img { float: left; margin: 2% 7%; width: 36%;}
.ap_text { font-size: 120%; text-align: center;}
.ap_title_text { font-size: 180%; font-weight: bold; text-align: center; color: #c62f64; margin: 20px 0 0;}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
.ap_text { font-size: 105%;}
.ap_title_text { font-size: 150%;}
#ap_pointcard img { float: none; margin: 2%; width: 96%;}	
}

/* アプリへの既存ポイント等の連携方法 */
#ap_btn { text-align: center;}
#ap_btn img { margin-top: 10px;}
.ap_method { margin: 30px 10px 0 ; border: solid 1px #e25f35; padding: 20px;}
.ap_method h4 { font-size: 150%; font-weight: bold; color: #e25f35; }
.ap_turn { width: 100%; float: left;}
.ap_paddingright  { margin-right: 7%; }
.ap_src { width: 100%; }
.ap_step { display: block; margin: 10px 0; width: 80%;}
.ap_area { width: 18%; float: left; margin-top: 20px; }
.ap_arrow_relative { position: relative; }
.ap_arrow {top: 90px; left: 90px; position: absolute; transform: translate(80px,30px); width: 25%; }
.ap_cooperation_text { margin: 30px 0 0; font-size: 120%; }
.ap_cooperation_text a, .ap_cooperation_text a:hover, .ap_cooperation_text a:visited { color: #c62f64; border-bottom: 1px solid #c62f64; }
#ap_ecimg { margin: 30px 0 0;}
#ap_ecimg img { float: left; width: 25%; margin: 0 12%}
@media screen and (max-width: 767px) {
#ap_btn img { width: 100%;}	
.ap_turn { float: none; margin-top: 0; text-align: center; }
.ap_paddingright  { margin-right: 0; }
.ap_area { width: 100%; float: none; }
.ap_step { width: 30%; margin: 10px auto; }
.ap_src { width: 50%; }
.ap_turn p { text-align: center; }
.ap_arrow_relative { position: static; height: 0; padding-top: 0; margin: 0; text-align: center; padding: 5% 0 10%; }
.ap_arrow { top: 0; left: 0; position: static; float: none; transform: rotate(90deg); width: 10%; margin: 2% 45% 0; }
#ap_ecimg img { width: 40%; margin: 0 5%; }
}
@media screen and (max-width: 479px) {
.ap_src { width: 70%; }
#ap_ecimg { text-align: center;}	
#ap_ecimg img { float: none; width: 70%; margin: 10px auto;}
.ap_cooperation_text { font-size: 110%; }
}

/* 注意事項 */
#ap_caution { background: #dcdcdc; padding: 15px; }
#ap_caution h5 { font-size: 200%; font-weight: bold; }
#ap_caution p { margin-top: 15px; }

/* ダウンロード */
#ap_download { background: #e25f35; padding: 15px; }
#ap_download h6 { font-size: 200%; font-weight: bold;text-align: center; color: #fff; }
#ap_batch_download { margin: 2% 15% ; }
/*#ap_batch_download li { margin: 0 0%; }*/
#ap_batch_download li { margin: 0 15% 0 2%; display: inline;}
.ap_appStore_download img { width: 180px; }
.ap_googlePlay_download img {width: 220px; }
@media screen and (max-width: 767px) {
#ap_batch_download { margin: 2% 5%; }
#ap_download h6 { font-size: 150%; }
.ap_appStore_download { width: 30%; }
.ap_googlePlay_download {width: 34%; }
.ap_appStore_download img, .ap_googlePlay_download img  {width: 100%;}
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* 採用ページ */
/* ------------------------------------------------------------ */
/* 採用ページ＠メインキャッチ */
#rp_AbCatch				{ width: 100%; height: 300px; margin-bottom: 30px; background:url(../img/rp_AbCatch_Img.png);
						  vertical-align: middle; text-align: center; }
#rp_AbCatch h2			{ text-align: center; font-size: 32px; font-weight: 600; color: #FFFFFF; display: inline-block;
						  border-bottom: 1px #FFFFFF solid; margin-bottom: 20px; padding-bottom: 20px;}					  
#rp_AbCatch h3			{ text-align: center; font-size: 38px; font-weight: 700; color: #FFFFFF; display: inline-block;
						  font-family: 'Quattrocento Sans','Noto Sans Japanese', sans-serif; font-weight: bold; 
						   margin-top: 0px; margin-bottom: 0px; }
						  
/* 採用ページ＠トップタイトル */					  
#rp_Title					{ width: 100%; margin: 50px 0px 90px 0px; text-align: center; }
#rp_Title h2				{ width: auto; margin: 0px auto; display: inline; font-size: 300%; text-align: center; border-bottom: 5px #EEEEEE solid; }
@media screen and (max-width: 767px) {
	#rp_Title				{ width: 100%; margin: 50px 0px 20px 0px; text-align: center; }
	#rp_Title h2			{ font-size: 150%; }
}
/* 採用ページ＠テーブル */

#rp_Table					{ width: 96%; margin: 0px auto; font-size: 16px; border-top: 1px solid #CCC;  }
#rp_Table .L				{ width: 20%; padding: 30px; background-color: #EEEEEE; font-weight: 600; border-left: 1px solid #CCC; }
#rp_Table .R				{ width: 80%; padding: 30px; }
#rp_Table td,#rp_Table th 	{ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

/* 採用ページ＠雇用形態メニュー */

#rp_Nav						{ margin-top:100px; margin-bottom: 50px; }
#rp_Nav a:hover				{ opacity:0.7;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
#rp_Nav a:last-child		{ margin-right:  0px; }
#rp_Nav a					{ float: left; display: block; text-align: center;
							  background-color: #7FCC31; color: #FFFFFF; font-weight: 600; padding: 20px;
							  margin-right: 20px; width: 225px; font-size: 18px; }


/* 採用ページ＠３つの魅力 */

#rp_Feature					{ width: 100%; margin-bottom: 50px; }
#rp_Feature dl				{ width:  32%; float: left; margin-right: 2%; }
#rp_Feature dl:last-child	{ width:  32%; float: left; margin-right: 0%; }
#rp_Feature dt				{ width: 100%; padding: 10px 0px; margin-bottom: 15px;
							  text-align: center; font-weight: 600; font-size: 150%; background-color: #259F61; color: #FFFFFF; }
#rp_Feature dd				{ width:  94%; margin: 0px auto; font-size: 100%; line-height: 175%; }


@media screen and (max-width: 767px) {
	#rp_AbCatch				{ padding:20px 0; width: 100%; height: auto; background-size:cover; background-repeat: no-repeat; background-position: center; }
	#rp_AbCatch h2			{ font-size: 140%; font-weight: 600; color: #FFFFFF; display: inline-block;
							  border-bottom: 1px #FFFFFF solid; margin-bottom: 20px; padding-bottom: 20px;}					  

	#rp_Feature					{ width: 100%; margin-bottom: 0px; }
	#rp_Feature dl				{ width: 100%; float: left; margin-right: 0%; }
	#rp_Feature dl:last-child	{ width: 100%; float: left; margin-right: 0%; }
	#rp_Feature dt				{ width: 100%; font-size: 120%; }
	#rp_Feature dd				{ width:  94%; margin: 0px auto 30px auto; font-size: 100%; line-height: 175%; }

/* 採用ページ＠テーブル */
	#rp_Table					{ width: 96%; margin: 0px auto; font-size: 12px;  }
	#rp_Table .L				{ width: 20%; padding: 10px 5px; }
	#rp_Table .R				{ width: 80%; padding: 10px 5px; }


/* 採用ページ＠雇用形態メニュー */

	#rp_Nav						{ margin:30px auto; width:100%;  }
	#rp_Nav a					{ float: left; display: inline-block; text-align: center; margin-top:2%;
							 	  background-color: #7FCC31; color: #FFFFFF; font-weight: 600; padding: 20px 0;
							 	  margin-right: 2%; width: 48%; font-size: 100%; }
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */				  
/* お問い合わせフォーム＠テーブル */

#cn_Table					{ width: 100%; margin: 0px auto; font-size: 16px;  }
#cn_Table .L				{ width: 30%; padding: 30px; background-color: #EEEEEE; }
#cn_Table .R				{ width: 70%; padding: 30px; }
#cn_Table td,#rp_Table th 	{ }
#cn_Table input[type=text],#cn_Table input[type=email],#cn_Table textarea
							{ font-size: 16px; width: 90%; padding: 10px; border: 1px #CCCCCC solid; }
#cn_Table .wpcf7-list-item 
							{ display:block; }
#cn_Table span.hissu		{ color: red; margin-left: 5px; }
#ko_Inner input[type=submit]	
							{ margin: 30px; font-size: 1.5em; font-weight: bold; border-radius: 50px;
						  	  padding: 10px 20px; border: none; width: 200px; cursor: pointer;
						 	  background-color: #999; color: #fff; }	
#ko_Inner input[type=submit]:hover
							{ background-color: #eee; color: #999;
						      -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }						  

@media screen and (max-width: 767px) {
	#cn_Table					{ width: 100%; margin: 0px auto; font-size: 12px;  }
	#cn_Table .L				{ width: 30%; padding: 10px; background-color: #EEEEEE; }
	#cn_Table .R				{ width: 70%; padding: 10px; }
	#cn_Table input[type=text],#cn_Table input[type=email],#cn_Table textarea
								{ font-size: 12px; width: 100%; }
	#ko_Inner input[type=submit]{ width: 250px; height:50px; }	

}


/* ------------------------------------------------------------ */
/* ポイントカード解説 */
/* ------------------------------------------------------------ */

/* ポイントカード解説＠タイトルの帯 */

#pc_Title					{ width: 100%; height: auto; padding: 20px;
							  background-color: #7FCC31; text-align: center;
							  margin-top: 30px; font-size:0px; }

@media screen and (max-width: 767px) {
	#pc_Title img			{ width:100%; }
}


/* ポイントカード解説＠キャッチ画像 */

#pc_Firstview				{ margin-top: 10px; margin-bottom: 0px; }

@media screen and (max-width: 767px) {
	#pc_Firstview img		{ width:100%; }
}

/* ポイントカード＠横幅モバイル調整 */
@media screen and (max-width: 767px) {
	#pc_Inner_Mobile		{ width:95%; margin:0 auto; }
}


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

/* ポイントカード解説＠ボタン */
#pc_Nav						{ width: 100%; height: auto; margin-bottom: 50px; }


/* ポイントカード解説＠ボタン＠緑４つ */
#pc_Nav .Green				{ width: 12.5%; display: block; float: left; text-align: center; font-weight: 600;
							  background: -webkit-gradient(radial, 0% 0%, 0, 0% 0%, 243, color-stop(0.88, #8CD443), color-stop(0.00, #C2ED97));
							  background: -webkit-radial-gradient(0% 0%, circle, #C2ED97 0%, #8CD443 88%);
							  background: -moz-radial-gradient(0% 0%, circle, #C2ED97 0%, #8CD443 88%);
							  background: -o-radial-gradient(0% 0%, circle, #C2ED97 0%, #8CD443 88%);
							  background: -ms-radial-gradient(0% 0%, circle, #C2ED97 0%, #8CD443 88%);
							  background: radial-gradient(0% 0%, circle, #C2ED97 0%, #8CD443 88%); }
#pc_Nav .Green a			{ color: #006934; padding: 12px 0px; display: block; }
#pc_Nav .Green:hover		{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

@media screen and (max-width: 767px) {
	#pc_Nav .Green			{ width: 25%; font-size:10px; }
}


/* ポイントカード解説＠ボタン＠グレイ１つ */

#pc_Nav .Gray				{ width: 49%; display: block; float: right; text-align: center; font-weight: 600;
							  border-radius: 5px;
							  -webkit-border-radius: 5px;
							  -moz-border-radius: 5px;
							  background-color: #c62f64; }
#pc_Nav .Gray a				{ color: #FFFFFF; padding: 12px 0px; display: block; }
#pc_Nav .Gray:hover			{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

@media screen and (max-width: 767px) {
	#pc_Nav .Gray			{ width: 100%; float:left; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
}


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


/* ポイントカード解説＠チェックボックス（左） */

#pc_Checkbox				{ width: 50%; float: left; margin: 50px 0px; font-size: 125%; }
#pc_Checkbox li				{ height: 40px; padding: 15px 0px 0px 60px; background-repeat: no-repeat; background-image: url(../img/pc_Checkbox.svg);
							  margin-bottom: 20px; }
#pc_Checkbox li:last-child	{ margin-bottom:  0px; }

@media screen and (max-width: 767px) {
	#pc_Checkbox			{ width: 100%; font-size:100%; margin-bottom:20px; }
	#pc_Checkbox li			{ height: 30px; padding: 5px 0px 0px 40px; background-repeat: no-repeat; background-image: url(../img/pc_Checkbox.svg);
							  background-size:30px; margin-bottom: 20px; }
}

/* ポイントカード解説＠レッツ登録画像（右） */

#pc_Lets					{ width: 50%; float: left; margin: 50px 0px; text-align: center; }
#pc_Lets h3					{ color: #7FCC31; font-size: 200%; text-align: center; font-weight: 600; }
#pc_Lets .Screen			{ background-color: #EEEEEE; padding: 20px 0px; margin: 10px 0px; }
#pc_Lets h4					{ color: #7FCC31; font-size: 150%; text-align: center; }
#pc_Lets p					{ color: #E26034; font-size:  75%; text-align: center; }

@media screen and (max-width: 767px) {
	#pc_Lets				{ width: 100%; float: left; margin: 50px 0px; text-align: center; }
}


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

/* ポイントカード解説＠特典 */

#pc_Amenity					{ margin-bottom: 70px; }

#pc_Amenity h2				{ margin-bottom: 20px; width: 100%; padding: 10px 0px; color: #FFFFFF; background-color: #E26034; font-size: 200%; text-align: center; }
#pc_Amenity .Coin			{ margin-bottom: 10px; margin-top: 50px; }
#pc_Amenity h3				{ margin-bottom: 20px; color: #7FCC31; font-size: 200%; font-weight: 600; text-align: center; }

@media screen and (max-width: 767px) {
	#pc_Amenity h2			{ font-size: 110%; text-align: center; }
	#pc_Amenity h3			{ margin-bottom: 20px; color: #7FCC31; font-size: 140%; font-weight: 600; text-align: center; }
}


#pc_Amenity-Inner			{ }

.pc_AmenityOne				{ margin-right: 1%; width: 24%; max-height: 340px; float: left; padding: 20px 0px; border: 2px #7FCC31 solid; }
.pc_AmenityOne:last-child	{ margin-right: 0%; width: 24%; max-height: 340px; float: left; padding: 20px 0px; border: 2px #7FCC31 solid; }
.pc_AmenityOne .Image		{ display: block; max-width: 200px; margin: 0px auto 10px auto; max-height: 80px; }
.pc_AmenityOne h4			{ display: block; max-width: 200px; margin: 0px auto 10px auto; font-size: 100%; font-weight: 600; color: #C60067; text-align: center; }
.pc_AmenityOne p			{ display: block; max-width: 200px; margin: 0px auto 10px auto; font-size:  75%; line-height: 150%; height: 50px; }
.pc_AmenityOne .Kome		{ display: block; max-width: 200px; margin: 0px auto 10px auto; font-size:  75%; line-height: 150%; height: 50px; }
.pc_AmenityOne .Target		{ display: block; max-width: 200px; margin: 0px auto; padding: 3px 0px; background-color: #7FCC31; color: #FFFFFF; text-align: center; }
.pc_AmenityOne ul			{ display: block; max-width: 200px; margin: 0px auto; padding: 3px 0px; }
.pc_AmenityOne li			{ display: block; width:  32%; margin-right: 2%; padding: 3px 0px; color: #FFFFFF; font-size: 75%; font-weight: 600; text-align: center; float: left; }
.pc_AmenityOne li:last-child{ display: block; width:  32%; margin-right: 0%; padding: 3px 0px; color: #FFFFFF; font-size: 75%; font-weight: 600; text-align: center; float: left; }
.pc_AmenityOne .BronzePoint	{ background-color: #BD6F3D; }
.pc_AmenityOne .SilverPoint	{ background-color: #9D9D9C; }
.pc_AmenityOne .GoldPoint	{ background-color: #D5AD00; }
.pc_AmenityOne .PlatinaPoint{ background-color: #6C8C99; }
.pc_AmenityOne .NonePoint	{ background-color: #FFFFFF; }


@media screen and (max-width: 767px) {
	.pc_AmenityOne				{ margin: 0 auto 20px 0; width: 100%; max-height: auto; padding: 20px 0px; border: 2px #7FCC31 solid; }
	.pc_AmenityOne:last-child	{ margin: 0 auto 20px 0; width: 100%; max-height: auto; padding: 20px 0px; border: 2px #7FCC31 solid; }
	.pc_AmenityOne .Image		{ max-width: 100%; margin: 0px auto 10px auto; max-height: 80px; }
	.pc_AmenityOne h4			{ max-width: 100%; margin: 0px auto 10px auto; font-size: 110%; }
	.pc_AmenityOne p			{ max-width: 90%;  margin: 0px auto 10px auto; font-size:  90%;  height: auto; }
	.pc_AmenityOne .Kome		{ max-width: 90%; margin: 0px auto 10px auto; font-size:  90%; height: auto; }
	.pc_AmenityOne .Target		{ max-width: 100%; }
	.pc_AmenityOne ul			{ max-width: auto; }
}


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

/* ポイントカード解説＠貯める＆使う */

#pc_Charge					{ margin-bottom: 70px; width: 100%; clear: both; }
#pc_Charge h2				{ margin-bottom: 20px; width: 100%; padding: 20px; color: #FFFFFF; background-color: #E26034; font-size: 150%; line-height: 200%; }

@media screen and (max-width: 767px) {
	#pc_Charge h2			{ width: 100%; font-size: 100%; padding: 10px 15px; }

}

/* ポイントカード解説＠貯める＆使う＠店舗とオフ率 */

#pc_Charge-Shop				{ width: 100%; height: auto; padding: 20px; border: 1px #E26034 solid; }
#pc_Charge-Shop-Inner		{ margin-bottom: 20px; }
#pc_Charge-Shop h3			{ display: block; color: #E26034; font-size: 150%; font-weight: 600; }
#pc_Charge-Shop h4			{ display: block; color: #000000; font-size:  75%; }

#pc_Charge-Shop-List		{ width: 100%; clear: both; }
#pc_Charge-Shop ul			 { margin-right: 1%; width: 24%; float: left; }
#pc_Charge-Shop ul:last-child{ margin-right: 1%; width: 24%; float: left; }
#pc_Charge-Shop .Name		{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
							  padding: 10px; display: inline-block; background-color: #595757;
							  color: #FFFFFF; font-weight: 600; margin-bottom: 10px; }
#pc_Charge-Shop .Item		{ color: #000000; font-weight: 600; margin-bottom:  5px; }
#pc_Charge-Shop .Item span	{ color: #C60067; font-weight: 600; margin-left:   10px; }

@media screen and (max-width: 767px) {
	#pc_Charge-Shop ul			 { margin-right: 0%; width: 100%; float: left; }
	#pc_Charge-Shop ul:last-child{ margin-right: 0%; width: 100%; float: left; }	
	#pc_Charge-Shop .Name		 { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
							  	   padding: 10px 3px; display: block; background-color: #fff; 
							  	   color: #595757; font-weight: 600; margin: 10px 0; border:1px solid #595757; }
	#pc_Charge-Shop .Item		 { margin-left:5px; }
}

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

/* ポイントカード解説＠ランク制度 */

#pc_Rank					{ margin-bottom: 70px; }
#pc_Rank h2					{ margin-bottom: 20px; width: 100%; padding: 20px; color: #FFFFFF; background-color: #E26034; font-size: 150%;
							  line-height: 200%; text-align: center; font-weight: 600; }
#pc_Rank-Inner				{ margin-bottom: 50px; }


@media screen and (max-width: 767px) {
	#pc_Rank h2				{ padding: 10px 15px; -size: 120%; }
}


/* ポイントカード解説＠ランク制度＠ブロンズ */

.Bronze						{ float: left; width: 24.25%; min-height: 220px; margin-right: 1%; border: 1px #BD6F3D solid; }
.Bronze .Name				{ background-color: #BD6F3D; color: #FFFFFF; text-align: center; font-size: 150%; font-weight: 600; padding: 7px 0px; margin-bottom: 10px; }
.Bronze .Qualify			{ display: block; padding: 0px 20px; color: #BD6F3D; font-weight: 600; margin-bottom: 10px; }
.Bronze li					{ display: block; padding: 0px 10px; }
.Bronze li:before			{ content: "・"; }
.Bronze li:last-child		{ display: block; padding: 0px 10px; margin-bottom: 10px; }

@media screen and (max-width: 767px) {
	.Bronze					{ float: inherit; width: 90%; min-height: 220px; margin:0 auto 20px auto; }
	.Bronze .Name			{ font-size: 130%; }
	.Bronze .Qualify		{ font-size: 120%; }
}

/* ポイントカード解説＠ランク制度＠シルバー */

.Silver						{ float: left; width: 24.25%; min-height: 220px; margin-right: 1%; border: 1px #9D9D9C solid; }
.Silver .Name				{ background-color: #9D9D9C; color: #FFFFFF; text-align: center; font-size: 150%; font-weight: 600; padding: 7px 0px; margin-bottom: 10px; }
.Silver .Qualify			{ display: block; padding: 0px 20px; color: #9D9D9C; font-weight: 600; margin-bottom: 10px; }
.Silver li					{ display: block; padding: 0px 10px; }
.Silver li:before			{ content: "・"; }
.Silver li:last-child		{ display: block; padding: 0px 10px; margin-bottom: 10px; }

@media screen and (max-width: 767px) {
	.Silver					{ float: inherit; width: 90%; min-height: 220px; margin:0 auto 20px auto; }
	.Silver .Name			{ font-size: 130%; }
	.Silver .Qualify		{ font-size: 120%; }
}


/* ポイントカード解説＠ランク制度＠ゴールド */

.Gold						{ float: left; width: 24.25%; min-height: 220px; margin-right: 1%; border: 1px #D5AD00 solid; }
.Gold .Name					{ background-color: #D5AD00; color: #FFFFFF; text-align: center; font-size: 150%; font-weight: 600; padding: 7px 0px; margin-bottom: 10px; }
.Gold .Qualify				{ display: block; padding: 0px 20px; color: #D5AD00; font-weight: 600; margin-bottom: 10px; }
.Gold li					{ display: block; padding: 0px 10px; }
.Gold li:before				{ content: "・"; }
.Gold li:last-child			{ display: block; padding: 0px 10px; margin-bottom: 10px; }

@media screen and (max-width: 767px) {
	.Gold					{ float: inherit; width: 90%; min-height: 220px; margin:0 auto 20px auto; }
	.Gold .Qualify			{ font-size:120% }
	.Gold .Name				{ font-size: 130%; }
}

/* ポイントカード解説＠ランク制度＠プラチナ */

.Platina					{ float: left; width: 24.25%; min-height: 220px; margin-right: 0%; border: 1px #6C8C99 solid; }
.Platina .Name				{ background-color: #6C8C99; color: #FFFFFF; text-align: center; font-size: 150%; font-weight: 600; padding: 7px 0px; margin-bottom: 10px; }
.Platina .Qualify			{ display: block; padding: 0px 20px; color: #6C8C99; font-weight: 600; margin-bottom: 10px; }
.Platina li					{ display: block; padding: 0px 10px; }
.Platina li:before			{ content: "・"; }
.Platina li:last-child		{ display: block; padding: 0px 10px; margin-bottom: 10px; }

@media screen and (max-width: 767px) {
	.Platina				{ float: inherit; width: 90%; min-height: 220px; margin:0 auto 20px auto; }
	.Platina .Qualify		{ font-size:120% }
	.Platina .Name			{ font-size: 130%; }
}

/* ポイントカード解説＠ランク制度＠説明 */

#pc_Rank-Exp				{  }
#pc_Rank-Exp h3				{ margin-bottom:  50px; }
#pc_Rank-Exp .Nendo			{ margin-bottom:   5px; }
#pc_Rank-Exp .Arrow			{ margin-bottom:   0px; }
#pc_Rank-Exp .ArrowExp		{ margin-bottom:  50px; }
#pc_Rank-Exp .UpDown		{ margin-top:     50px; }


@media screen and (max-width: 767px) {
	#pc_Rank-Exp img.Arrow	{ width:100%; }
}

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

/* ポイントカード解説＠入会フロー */

#pc_Flow					{ margin-bottom: 70px; }

#pc_Flow dl.Shop			{ display: block; float:  left; width: 48%; margin-right: 0%; }
#pc_Flow dl.Web				{ display: block; float: right; width: 48%; margin-right: 0%; }
#pc_Flow dt					{ background-color: #FFFFFF; border: 1px #999999 solid; text-align: center; margin-bottom: 20px; }
#pc_Flow dt:hover			{ background-color: #DFF2CB;
							  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
#pc_Flow dt img				{ vertical-align: middle; margin-right: 10px; }
#pc_Flow dt a				{ display: block; padding: 20px 0px; color: #7FCC31; font-size: 150%; font-weight: 600; }
#pc_Flow dd					{ margin-bottom: 20px; }
#pc_Flow dd .Step			{ display: block; width: 20%; float: left; color: #7FCC31; text-align: center; }
#pc_Flow dd .Action			{ display: block; width: 80%; float: left; color: #999999; }
#pc_Flow .Kind				{ color: #7FCC31; font-weight: 600; }

@media screen and (max-width: 767px) {
	#pc_Flow dl.Shop			{ display: block; float: inherit; width: 90%; margin:0 auto 20px auto; }
	#pc_Flow dl.Web				{ display: block; float: inherit; width: 90%; margin:0 auto 20px auto; }
}

#pc_FlowButton				{ display: block; clear: both; width: 100%; height: auto; margin-bottom: 10px;
							  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
							  background-color: #c62f64; }
#pc_FlowButton a			{ display: block; color: #FFFFFF; padding: 10px 0px; }
#pc_FlowButton:hover		{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#pc_FlowButton h2			{ font-size: 180%; text-align: center; }
#pc_FlowButton p			{ font-size:  75%; text-align: center; }
#pc_FlowPresent				{ font-size: 200%; text-align: center; font-weight: 600; color: #7FCC31; }
#pc_FlowRate				{ font-size:  75%; text-align: center; color: #E26034; }

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

/* ポイントカード解説＠注意事項 */

#pc_Attention				{ margin-bottom: 70px; }
#pc_Attention ul			{ width: 98%; margin: 0px auto; line-height: 150%; }
#pc_Attention li			{ font-size: 90%; margin-bottom:20px; }
#pc_Attention li:before		{ content: "・"; }

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

/* ポイントカード解説＠ボタン群 */

#pc_Closing					{ }
#pc_Closing	.Green			{ display: block; width: 100%; height: 170px; position: relative; background-color: #7FCC31; margin-bottom: 30px;
							  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#pc_Closing	.Green a		{ display: block; width: 100%; height: 170px; color: #FFFFFF; }
#pc_Closing .Green:hover	{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#pc_Closing	.Green h2		{ position: absolute; top:  30px; left: 250px; font-size: 250%; font-weight: 600; }
#pc_Closing	.Green h3		{ position: absolute; top:  80px; left: 250px; font-size: 150%; font-weight: 600; }
#pc_Closing	.Green h4		{ position: absolute; top: 130px; left: 640px; }
#pc_Closing	.Green p		{ position: absolute; top:  25px; left:  60px; }

@media screen and (max-width: 767px) {
	#pc_Closing	.Green			{ width: 100%; height: auto; margin: 0 auto 30px auto; position: inherit; padding:20px;
							 	  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	#pc_Closing	.Green a		{ width: 100%; height: auto; color: #FFFFFF; }
	#pc_Closing .Green:hover	{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  	  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
	#pc_Closing	.Green h2		{ position: inherit; font-size: 20px; font-weight: 600; }
	#pc_Closing	.Green h3		{ position: inherit; font-size: 15px; font-weight: 600; }
	#pc_Closing	.Green h4		{ position: inherit; margin-top:10px; }
	#pc_Closing	.Green p		{ display:none; }
}

#pc_Closing	.Gray			{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
							  display: block; width:  48%; height: auto; float: left; background-color: #91918F; margin-right: 4%; margin-bottom: 50px; }
#pc_Closing	.Gray:last-child{ display: block; width:  48%; height: auto; float: left; background-color: #c62f64; margin-right: 0%; margin-bottom: 50px; }
#pc_Closing	.Gray a			{ padding: 10px 0px; display: block; width: 100%; height: auto; color: #FFFFFF; }
#pc_Closing	.Gray:hover		{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
							  filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#pc_Closing	.Gray h2		{ font-size: 150%; text-align: center; }
#pc_Closing	.Gray p			{ font-size:  75%; text-align: center; }

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


/* ------------------------------------------------------------ */
/* 会社情報ページ */
/* ------------------------------------------------------------ */
/* 会社情報＠タイトル */

#cp_Title					{ width: 100%; margin: 50px 0px 90px 0px; text-align: center; }
#cp_Title h2				{ width: auto; margin: 0px auto; display: inline; font-size: 300%; text-align: center; border-bottom: 5px #EEEEEE solid; }

@media screen and (max-width: 767px) {
	#cp_Inner_Mobile		{ width:95%; margin:0 auto; }
	#cp_Title					{ width: 100%; margin: 50px 0px 50px 0px; text-align: center; }
	#cp_Title h2			{ font-size: 150%; }
}

/* 会社情報＠色つきボタン */

#cp_Nav ul{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:140px;
    width:100%;
    margin:0 auto;
}

#cp_Nav ul li{
    width:25%;
    width:calc(100% / 5 - 5px);
  height: 60px;
    text-align:center;
    background-color: #7FCC31;
font-size: 20px;
    font-weight: 600; 
    letter-spacing:.1em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
   
}

#cp_Nav ul li a{
    text-decoration: none;
    color: #FFFFFF;
}

#cp_Nav ul li:hover{
    background-color: #E26034; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; 
}

#cp_Nav ul .current			{ background-color: #E26034; }

#cp_Nav ul .sus_menu{
    font-size: 14px;

    word-wrap: break-word;
}


@media screen and (max-width: 767px) {
	#cp_Nav ul li{

font-size: 14px;

   
}
#cp_Nav ul .sus_menu{
    font-size: 10px;
}
}

/*///////max-width: 767px//////// */


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

	 
	     #cp_Nav ul li{

font-size: 10px;

   
}




}/*///////max-width: 456px//////// */



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

#cp_Nav ul .sus_menu{
    font-size: 8px;
}
	
	#cp_Nav ul .mes_menu{
    font-size: 9px;
}
	
	
}
/*///////max-width: 320px//////// */

 

/* 会社情報＠会社概要＠キャッチコピー */

#cp_AbCatch					{ width: 100%; height: 300px; margin-bottom: 30px; background-color: #7FCC31;
							  vertical-align: middle; text-align: center; }
#cp_AbCatch h2				{ text-align: center; font-size: 32px; font-weight: 600; color: #FFFFFF; display: inline-block;
							  border-bottom: 1px #FFFFFF solid; margin-bottom: 20px; padding-bottom: 20px; }
#cp_AbCatch img				{ text-align: center; }

@media screen and (max-width: 767px) {
	#cp_AbCatch				{ padding:20px 0; width: 100%; height: auto; background-size:cover; background-repeat: no-repeat; background-position: center; }
	#cp_AbCatch h2			{ font-size: 140%; font-weight: 600; color: #FFFFFF; display: inline-block;
							  border-bottom: 1px #FFFFFF solid; margin-bottom: 20px; padding-bottom: 20px;}					  
	#cp_AbCatch img			{ width:80%; }
}

/* 会社情報＠会社概要＠表 */

#cp_AbStatus				{ width: 96%; margin: 0px auto; font-size: 16px; }
#cp_AbStatus .L				{ width: 30%; padding: 30px; background-color: #EEEEEE; font-weight: 600; }
#cp_AbStatus .R				{ width: 70%; padding: 30px; }

@media screen and (max-width: 767px) {
	#cp_AbStatus				{ width: 96%; margin: 0px auto 50px auto; font-size: 12px; }
	#cp_AbStatus .L				{ width: 35%; padding: 10px; }
	#cp_AbStatus .R				{ width: 65%; padding: 10px; }
}

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

/* 会社情報＠経営理念＠グレイバック */

.cp_PsGrayback				{ width: 100%; height: auto; background-color: #EEEEEE; padding: 50px; font-size:110%; }

.cp_PsGrayback h3			{ margin-bottom: 30px; }
.cp_PsGrayback h4			{ font-weight: 600; }
.cp_PsGrayback p			{ line-height: 200%; margin-bottom: 25px; }
.cp_PsGrayback p:last-child	{ line-height: 200%; margin-bottom:  0px; }
.cp_PsGrayback li			{ font-weight: 600; }
.cp_PsGrayback li:before	{ content: "☆"; }

@media screen and (max-width: 767px) {
	.cp_PsGrayback				{ width: 100%; height: auto; background-color: #EEEEEE; padding: 30px 25px; font-size:100%; margin-bottom:50px; }
}


/* 会社情報＠経営理念＠三角形の絵 */

#cp_PsTriangle				{ margin: 100px 0px 50px 0px; }


@media screen and (max-width: 767px) {
	 img#cp_PsTriangle		{ width: 90%; margin: 50px 0px }
}

/* 会社情報＠経営理念＠共用語紹介 */

#cp_PsWinwin				{ width: 100%; border: 3px #7FCC31 solid; padding: 25px 50px; margin-bottom: 100px; }
#cp_PsWinwin h4				{ font-size: 150%; font-weight: 600; margin-bottom: 10px; }
#cp_PsWinwin p				{ font-size: 125%; }

@media screen and (max-width: 767px) {
	 #cp_PsWinwin				{ width: 100%; border: 3px #7FCC31 solid; padding: 30px 25px; margin-bottom: 100px; }
	#cp_PsWinwin h4				{ font-size: 150%; font-weight: 600; margin-bottom: 10px; }
	#cp_PsWinwin p				{ font-size: 125%; }
}

/* 会社情報＠経営理念＠３つの価値観 */

#cp_PsTrinity				{ }

#cp_PsTrinity h3			{ text-align: center; }
#cp_PsTrinity h4			{ text-align: center; margin-bottom: 25px; font-weight: 600; }

@media screen and (max-width: 767px) {
	 #cp_PsTrinity h3 img		{ width:100%; }
	 #cp_PsTrinity h4			{ width:100%; margin-top:20px; }
}

/* 会社情報＠経営理念＠３つの価値観＠みつばこ */

#cp_PsTrinity-Inner			{ width: 100%; margin-bottom: 50px; }
#cp_PsTrinity dl			{ width:  32%; display: block; float: left; margin-right: 2%; }
#cp_PsTrinity dl:last-child	{ width:  32%; display: block; float: left; margin-right: 0%; }
#cp_PsTrinity dt			{ width: 100%; display: block; background-color: #7FCC31; border: 1px #7FCC31 solid; padding: 20px; font-size: 200%;
							  font-weight: 600; color: #FFFFFF; }
#cp_PsTrinity dd			{ width: 100%; display: block; background-color: #FFFFFF; border: 1px #7FCC31 solid; padding: 20px; font-size: 100%;
							  line-height: 200%; }

@media screen and (max-width: 767px) {
	#cp_PsTrinity dl			{ width: 90%; display: block; float: inherit; margin:0 auto; }
	#cp_PsTrinity dl:last-child	{ width: 90%; display: block; float: inherit; margin:0 auto; }
	#cp_PsTrinity dt			{ font-size: 130%; }
}

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

/* 会社情報＠ビジョン */

#cp_VsContainer				{ }
#cp_VsContainer h3			{ font-size: 150%; margin-bottom: 10px; }
#cp_VsContainer p			{ font-size: 100%; margin-bottom: 10px; line-height: 200%; }

@media screen and (max-width: 767px) {
	#cp_VsContainer h3		{ font-size: 110%; margin-bottom: 10px; }
	#cp_VsContainer p		{ font-size: 90%; margin-bottom: 10px; line-height: 180%; }
}

/* 会社情報＠ビジョン＠左に絵、右に文 */

.cp_VsOne_LR				{ margin-bottom: 50px; }
.cp_VsOne_LR .cp_VsPhoto	{ float:  left; min-width: 350px; min-height: 262px; margin-right: 25px; }
.cp_VsOne_LR .cp_VsText		{ float:  left; width: 585px; }

@media screen and (max-width: 767px) {
	.cp_VsOne_LR				{ width:100%; margin: 0 auto 50px auto; }
	.cp_VsOne_LR .cp_VsPhoto	{ float: inherit; width: 95%; margin:0 auto; }
	.cp_VsOne_LR .cp_VsText		{ float: inherit; width: 95%; margin:0 auto; }
}


/* 会社情報＠ビジョン＠左に文、右に絵 */

.cp_VsOne_RL				{ margin-bottom: 50px; }
.cp_VsOne_RL .cp_VsPhoto	{ float: right; min-width: 350px; min-height: 262px; margin-left:  25px; }
.cp_VsOne_RL .cp_VsText		{ float: right; width: 585px; }

@media screen and (max-width: 767px) {
	.cp_VsOne_RL				{ width:100%; margin: 0 auto 50px auto; }
	.cp_VsOne_RL .cp_VsPhoto	{ float: inherit; width: 95%; margin:0 auto; }
	.cp_VsOne_RL .cp_VsText		{ float: inherit; width: 95%; margin:0 auto; }
}

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

/* 会社情報＠メッセージ */

#cp_MsArticle				{ width: 100%; background-color: #EEEEEE; padding: 100px 0px; }

#cp_MsArticle h2			{ text-align: center; margin-bottom: 50px; }
#cp_MsArticle p				{ text-align: center; font-size: 150%; line-height: 200%; }
#cp_MsArticle address		{ text-align:  right; font-size: 150%; margin-top: 50px; }

@media screen and (max-width: 767px) {
	#cp_MsArticle				{ width: 100%; background-color: #EEEEEE; padding: 50px 15px; margin-bottom:50px; }
	#cp_MsArticle h2			{ font-size:160%; }
	#cp_MsArticle p				{ font-size: 120%; line-height: 200%; }
	#cp_MsArticle address		{ font-size: 120%; margin-top: 50px; }
}


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

/* 会社情報＠サステナブルプロジェクト */

       
 
        #cp_SusArticle	.p_Inner {
    max-width: 960px;
    margin: 0 auto;
}
        
  #cp_SusArticle				{width: 100%;}
        #cp_SusArticle h2			{text-align: center; margin-bottom: 50px; }
        #cp_SusArticle  h3           {
            text-align: center;
	position: relative;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.5rem;;

	}
    #cp_SusArticle h3:before {
    content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ddd;
  border-radius: 2px;
	}

        #cp_SusArticle p			{font-size: 16px; line-height: 200%;}
        #cp_SusArticle address		{text-align:  right; font-size: 150%; margin-top: 50px; }
        
        #cp_SusArticle .h2img_pc			{ text-align: center; margin-bottom: 50px; }
        #cp_SusArticle .h2img_pc img        { max-width:90%; height:auto;}
        
        #cp_SusArticle .h2img_sp             { text-align: center; margin-bottom: 50px; }
        #cp_SusArticle .h2img_sp img         { max-width:70%; height:auto;}

        #cp_SusArticle section:first-child        { padding:0px 3%; margin-bottom: 30px;}
        #cp_SusArticle section         { padding:30px 3%;}
    
        #cp_SusArticle .ps_img            {text-align: center; margin: 8% 0;}
        #cp_SusArticle .ps_img img       {width: 65%;}
    

    
    #cp_SusArticle .ps .item+.item{
        margin-left:1.0em;
        }
    
    #cp_SusArticle .ps .item img{
                display: block;
            max-width: 100%;
            margin-top: 6%;
          
    
        }


        #cp_SusArticle .maripro{
           
            display: flex;
            flex-wrap: nowrap;
             justify-content: space-between;
             margin-top: 6%;
        }


        #cp_SusArticle .maripro figure{
            width: 30%;
          
        }

        #cp_SusArticle .maripro figure img{
            width: 100%;
            margin-bottom: 5%;
        }


        #cp_SusArticle .logo{
            display: flex;
            flex-wrap: nowrap;
             justify-content: space-between;
        }

        #cp_SusArticle .logo img{
width: 50%;
        }

        #cp_SusArticle .pc_logo{
            width: 90%;
        }

        #cp_SusArticle .logo_mozi {
            text-align: center;
            margin-top: 5%;
        }

        #cp_SusArticle .mainimg_sus{
            text-align: center;
            margin-bottom: 50px;
        }

        #cp_SusArticle .mainimg_sus img{
            max-width: 100%;
        }
        
        
        @media screen and (max-width: 767px) {
            #cp_SusArticle				{ width: 100%; padding:0px 15px; margin-bottom:50px; }
            #cp_SusArticle h2			{ font-size:160%; }
            #cp_SusArticle  h3  {width: 100%; 	padding: 10px 0;}
            #cp_SusArticle h3:before {bottom: -3px;}
            #cp_SusArticle p				{ line-height: 200%; }
            #cp_SusArticle .concept{ padding: 0 10px;}
            #cp_SusArticle address		{ font-size: 120%; margin-top: 50px; }
            #cp_SusArticle .h2img_pc { display:none;}
    
            #cp_SusArticle .ps_img img       {width: 85%;}
 
            #cp_SusArticle .ps {
            display: flex;
            flex-direction:column;
        }
        
        #cp_SusArticle .ps .item img{
        display: block;

    
        }

       #cp_SusArticle .ps .item+.item{
            margin-left: auto;
            margin-right: auto;
            margin-top: 1em;
        }
        #cp_SusArticle .maripro{
           
            flex-direction:column;
            align-items: center;
        }

   
        #cp_SusArticle .maripro figure{
            width: 80%;
            margin-bottom: 10%;
        }
    

        #cp_SusArticle .ps .pc_item{
                display: none;
            }


            #cp_SusArticle .logo{
                display: flex;
            flex-direction:column; 
            align-items: center;
            }

            #cp_SusArticle .logo img{
                width: 80%;
            }

            #cp_SusArticle .pc_logo{
                display: none;
            }

            #cp_SusArticle .logo_mozi{
            text-align:left;
            margin-top: 5%;
        }

    
        }/*//////max-width: 767px //////*/
    

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

    #cp_SusArticle .h2img_sp{
        margin-bottom: 25px;
    }

    #cp_SusArticle h3{
        font-size: 1.1rem;
    }

    #cp_SusArticle .mainimg_sus{
         
            margin-bottom: 25px;
        }

 }/*///////max-width: 580px//////// */





    
        /*・・・・・・・・・・・・・・・・・・・・・・・・・*/
        @media screen and (min-width: 767px) {
            #cp_SusArticle .h2img_sp { display:none;}

        
            #cp_SusArticle .ps .sp_item{
                display: none;
            }  

            #cp_SusArticle .logo{
                display: none;
            }
        }
        
      
      

/* ------------------------------------------------------------ */
/* category-1.php　ニュース一覧 */
/* ------------------------------------------------------------ */

/* ニュース一覧＠店舗ニュース */
#ns_News					{ width: 100%; margin: 0px auto; padding: 0px; overflow: hidden; }

#ns_News ul					{ margin-right:-17px; overflow:hidden;  }
#ns_News li a				{ color: #000000; }
#ns_News li					{ float: left; margin-right: 17px; margin-bottom: 20px; width: 225px; height: auto; position:relative;
							  overflow: hidden; background-color: #FFFFFF; display: inline-block; border:1px solid #aaa; }

#ns_News li	div.Fin			{ position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.3);
							　transition: 0.3s; color:rgba(255,255,255,1); }
#ns_News li div.Fin p		{ font-size: 16px; padding: 0 20px; margin: 0 auto; position: relative; top: 50%; text-align:center;
							-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #000; width: 70%; }

#ns_News .Tmn img			{ width: 225px; height: 150px; }
#ns_News .Exp				{ max-width: 225px;
							  min-width: 225px; min-height: 150px;
							  background-color: #FFFFFF; padding: 10px; }
#ns_News .Exp h3			{ font-weight: 600; height:40px; overflow:hidden; }
#ns_News .Exp p				{ font-size: 100%; line-height: 175%; height:40px; overflow:hidden; font-size:95%;margin-bottom:5px;  }
#ns_News .Exp p.Time		{ font-weight: 600; text-align:right; height:25px; overflow:hidden; font-size:95%;margin-bottom:0px; }
#ns_News .Exp p.Tenpo		{ text-align:right; height:40px; text-align:left; overflow:hidden; font-size:95%;margin-bottom:0px; }


@media screen and (max-width: 767px) {
	#ns_News					{ width: 100%; margin: 0px auto; padding: 0px; overflow: hidden; }
	
	#ns_News ul					{ width: 95%; margin: 0px auto; }
	#ns_News li					{ width: 300px; height: auto; }
	#ns_News .Tmn img			{ width: 300px; height: 200px; }
	#ns_News .Exp				{ max-width: 300px; 
								  min-width: 300px; min-height: 150px; }	
}

@media screen and (max-width: 479px) {
	#ns_News					{ width: 90%; margin: 0px auto; padding: 0px; overflow: hidden; }
	#ns_News li					{ float: inherit; margin-right: 20px; margin-bottom: 20px; width: 100%; height: auto;
								  overflow: hidden; background-color: #FFFFFF; display: inline-block; } 
	#ns_News .Tmn img			{ width:100%; height:auto; }
	#ns_News .Exp				{ max-width: 100%;
								  min-width: 100%; min-height: 150px; }	
								  
}

#ns_News .Btn					{ color: #259F61; float:left;
							  		  border: 1px #259F61 solid; margin:30px 0 50px 0; }
#ns_News .Btn a					{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
#ns_News .Btn a:hover			{ background-color: #C8E7D7;
							  		  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
/*  ニュース一覧＠ページャー */

.pager a					{ color: #000000; }

.pager						{ text-align:center; margin-top: 30px; margin-bottom: 30px; }
	a.page-numbers,
	.pager .current			{ border: 1px #999999 solid; background-color: #FFFFFF; padding: 5px 10px; }
	.pager .current			{ border: 1px #999999 solid; background-color: #EEEEEE; padding: 5px 10px; }
	.pager .next			{ border: 1px #999999 solid; background-color: #FFFFFF; padding: 5px 10px; }
	.pager .prev			{ border: 1px #999999 solid; background-color: #FFFFFF; padding: 5px 10px; }

.page-numbers:hover			{ border: 1px #999999 solid; background-color: #EEEEEE; }

/* ------------------------------------------------------------ */
/* single-1.php　ニュース中身 */
/* ------------------------------------------------------------ */
#ns_NewsNakami h2.midashi			{ border-bottom:1px solid #aaa; font-size:170%; font-weight: 600; padding-bottom:20px; margin-bottom:10px; }
#ns_NewsNakami p.Day				{ width:100%; text-align:right; margin-bottom:30px; }
#ns_NewsNakami p.End				{ width:100%; text-align:left; margin-bottom:30px; font-weight:bold; color:red; font-size:140%; }
#ns_NewsNakami .Main p				{ margin-bottom:30px; font-size:110%; line-height: 230%; letter-spacing:0.1em; }
#ns_NewsNakami .Main img			{ max-width:100%; height:auto; }
#ns_NewsNakami p.Writter			{ width:100%; text-align:right; border-top:1px solid #aaa; padding-top:10px; margin-bottom:50px; }

#ns_NewsNakami .Btn					{ color: #259F61; float:left;
							  		  border: 1px #259F61 solid; margin:30px 0 50px 0; }
#ns_NewsNakami .Btn a				{ color: #259F61; display: inline-block; padding: 10px 50px; font-weight: 600; }
#ns_NewsNakami .Btn a:hover			{ background-color: #C8E7D7;
							  		  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

#ns_NewsNakami h3					{ font-size:150%; font-weight:bold; margin:50px 0 20px 0; }
#ns_NewsNakami h4					{ font-size:140%; border-left:6px #aaa solid; border-bottom:1px #aaa dashed; padding-left:10px; padding-bottom:5px;
							 		  margin:50px 0 20px 0; }
#ns_NewsNakami h5					{ font-size:120%; margin:30px 0 20px 0; border-left:6px #ccc solid; padding-left:10px; }

#ns_NewsNakami blockquote			{ border: 1px solid #aaa; padding: 30px; clear:both; margin:40px auto; }
#ns_NewsNakami blockquote::before	{ content: "“"; font-weight: bold; float: left; font-size: 400%;
							  		  display: block; color: #eee; margin-right:10px; margin-top:-10px; }
#ns_NewsNakami blockquote a			{ color: #aaa; font-size: 90%; }
#ns_NewsNakami blockquote a:hover 	{ color: #888; }
#ns_NewsNakami blockquote	p		{ margin-bottom: 0!important; }


@media screen and (max-width: 767px) {
	#ns_NewsNakami					{ width:90%; margin:0 auto;}	
}
/* ------------------------------------------------------------ */