@charset "shift_jis";




/*書式設定
----------------------------------*/

body{
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size:14px;
	background-color:#ffffff;
	color: #333333;
	font-family: "メイリオ", Meiryo ,Verdana , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-position: top center;
	min-width:1040px;
}


p{
	line-height: 140%;
}



html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}
img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

td{text-align:left;}

a{-webkit-tap-highlight-color: transparent;}

/*====================================
basic
====================================*/


.head-bg{
	width:100%;
	margin: 0 auto;
	background-color:#000000;
}

.top_main01-bg{
	width:100%;
	margin: 0 auto;
	background:url(../musclebar-p/top-p/top_main01_bg02.gif);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F0F0FC;
}

.top_main02-bg{
	width:100%;
	margin: 0 auto;
	background-color:#000000;
}

.top_main03-bg{
	width:100%;
	margin: 0 auto;
	background-color:#F5F5F5;
	border-bottom:1px #BBBBBB solid;
}

.foot-bg{
	width:100%;
	margin: 0 auto;
	background-color:#FFFFFF;
}

.foot-bg02{
	width:100%;
	height:370px;
	margin: 0 auto;
	background:url(../musclebar-p/foot-p/foot_bg02.gif);
	background-position: center top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.gallery_mainimg_bg02{
	background:url(../musclebar-p/gallery-p/gallery_main_bg02.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#000000;
	}

.gallery02-bg{
	width:100%;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-bottom:1px #BBBBBB solid;
}


.gallery_c01_g2_rhi > .grid_container > .grid_item {
display: inline-block;
vertical-align: top;
width: 32%;
  margin: 0 0.5% 15px 0.5%;
  text-decoration: none;
  color: #000;
}

@media only screen and (max-width: 1024px) {
/*.gallery_c01_g2_rhi > .grid_container > .grid_item {
width: 42%;
  margin: 0 4% 45px 4%;
  }*/
}



.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
@media only screen and (max-width: 820px) {
.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.top_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}
.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

















.staff_mainimg_bg02{
	background:url(../musclebar-p/staff-p/staff_main_bg02.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#000000;
	}

.staff_main02a-bg{
	width:100%;
	margin: 0 auto;
	background:url(../musclebar-p/staff-p/staff_main02a-bg.gif);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F0F0FC;
}

.staff_main02b-bg{
	width:100%;
	margin: 0 auto;
	background:url(../musclebar-p/staff-p/staff_main02b-bg.gif);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F0F0FC;
}

.staff_main02c-bg{
	width:100%;
	margin: 0 auto;
	background:url(../musclebar-p/staff-p/staff_main02c-bg.gif);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F0F0FC;
}
.staff_main02d-bg{
	width:100%;
	margin: 0 auto;
	background:url(../musclebar-p/staff-p/staff_main02d-bg.gif);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F0F0FC;
}


.box1000{
	width: 1000px;
	margin: 0 auto;	
}

.box1020{
	width: 1020px;
	margin: 0 auto;	
}

.box1040{
	width: 1040px;
	margin: 0 auto;
}
.box1040p{
	width: 1040px;
	margin: 0 auto;
	position: relative;
}

.box796{
	width: 796px;
	margin: 0 auto;	
}

.bg_fff{
	background-color:#FFFFFF;
	
	}

.bg_C6C6C6{
	width:100%;
	margin: 0 auto;
	background-color:#C6C6C6;
}


/*====================================
float
====================================*/
.flL {
	float:left;
	display: block;
}

.flR {
	float:right;
	display: block;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/*====================================
padding
====================================*/

.pt3{
	padding: 3px 0px 0px 0px ;
}
.pt4{
	padding: 4px 0px 0px 0px ;
}
.pt5{
	padding: 5px 0px 0px 0px ;
}
.pt6{
	padding: 6px 0px 0px 0px ;
}
.pt8{
	padding: 8px 0px 0px 0px ;
}
.pt10{
	padding: 10px 0px 0px 0px ;
}
.pt13{
	padding: 13px 0px 0px 0px ;
}
.pt15{
	padding: 15px 0px 0px 0px ;
}
.pt16{
	padding: 16px 0px 0px 0px ;
}
.pt20{
	padding: 20px 0px 0px 0px ;
}
.pt25{
	padding: 25px 0px 0px 0px ;
}
.pt30{
	padding: 30px 0px 0px 0px ;
}
.pt35{
	padding: 35px 0px 0px 0px ;
}
.pt40{
	padding: 40px 0px 0px 0px ;
}
.pt43{
	padding: 43px 0px 0px 0px ;
}
.pt50{
	padding: 50px 0px 0px 0px ;
}
.pt52{
	padding: 52px 0px 0px 0px ;
}
.pt55{
	padding: 55px 0px 0px 0px ;
}
.pt60{
	padding: 60px 0px 0px 0px ;
}
.pt70{
	padding: 70px 0px 0px 0px ;
}
.pt80{
	padding: 80px 0px 0px 0px ;
}
.pt85{
	padding: 85px 0px 0px 0px ;
}
.pt90{
	padding: 90px 0px 0px 0px ;
}
.pt100{
	padding: 100px 0px 0px 0px ;
}
.pt105{
	padding: 105px 0px 0px 0px ;
}




.pb5{
	padding: 0px 0px 5px 0px ;
}
.pb8{
	padding: 0px 0px 8px 0px ;
}
.pb10{
	padding: 0px 0px 10px 0px ;
}
.pb13{
	padding: 0px 0px 13px 0px ;
}
.pb15{
	padding: 0px 0px 15px 0px ;
}
.pb16{
	padding: 0px 0px 16px 0px ;
}
.pb20{
	padding: 0px 0px 20px 0px ;
}
.pb25{
	padding: 0px 0px 25px 0px ;
}
.pb30{
	padding: 0px 0px 30px 0px ;
}
.pb35{
	padding: 0px 0px 35px 0px ;
}
.pb40{
	padding: 0px 0px 40px 0px ;
}
.pb50{
	padding: 0px 0px 50px 0px ;
}
.pb60{
	padding: 0px 0px 60px 0px ;
}
.pb70{
	padding: 0px 0px 70px 0px ;
}
.pb80{
	padding: 0px 0px 80px 0px ;
}
.pb90{
	padding: 0px 0px 90px 0px ;
}
.pb100{
	padding: 0px 0px 100px 0px ;
}
.pb140{
	padding: 0px 0px 140px 0px ;
}
.pb280{
	padding: 0px 0px 280px 0px ;
}
.pb290{
	padding: 0px 0px 290px 0px ;
}
.pb295{
	padding: 0px 0px 295px 0px ;
}
.pb300{
	padding: 0px 0px 300px 0px ;
}
.pb323{
	padding: 0px 0px 323px 0px ;
}

.pr3{
	padding: 0px 3px 0px 0px ;
}
.pr4{
	padding: 0px 4px 0px 0px ;
}
.pr5{
	padding: 0px 5px 0px 0px ;
}
.pr10{
	padding: 0px 10px 0px 0px ;
}
.pr13{
	padding: 0px 13px 0px 0px ;
}
.pr20{
	padding: 0px 20px 0px 0px ;
}
.pr37{
	padding: 0px 37px 0px 0px ;
}
.pr60{
	margin: 0px 60px 0px 0px ;
}
.pr80{
	margin: 0px 60px 0px 0px ;
}

.pl5{
	padding: 0px 0px 0px 5px ;
}
.pl10{
	padding: 0px 0px 0px 10px ;
}
.pl20{
	padding: 0px 0px 0px 20px ;
}
.pl40{
	padding: 0px 0px 0px 40px ;
}
.pl45{
	padding: 0px 0px 0px 45px ;
}
.pl120{
	padding: 0px 0px 0px 120px ;
}
.pl325{
	padding: 0px 0px 0px 325px ;
}
.pl360{
	padding: 0px 0px 0px 325px ;
}
.pl520{
	padding: 0px 0px 0px 520px ;
}
.pbl10{
	padding: 0px 0px 10px 10px ;
}
.ptb5{
	padding: 5px 0px 5px 0px ;
}
.ptb10{
	padding: 10px 0px 10px 0px ;
}
.ptb15{
	padding: 15px 0px 15px 0px ;
}
.ptb40{
	padding: 40px 0px 40px 0px ;
}
.ptb50{
	padding: 50px 0px 50px 0px ;
}
.ptb60{
	padding: 60px 0px 50px 0px ;
}
.ptl40{
	padding: 40px 0px 0px 40px ;
}

.pt20b30{
	padding: 20px 0px 30px 0px ;
}
.pt20b60{
	padding: 20px 0px 60px 0px ;
}
.pt25b60{
	padding: 20px 0px 60px 0px ;
}
.pt25b145{
	padding: 20px 0px 145px 0px ;
}
.pt25b275{
	padding: 20px 0px 275px 0px ;
}
.pt25b295{
	padding: 20px 0px 295px 0px ;
}
.pt30b60{
	padding: 30px 0px 60px 0px ;
}
.pt50b25{
	padding: 50px 0px 25px 0px ;
}
.pt50b30{
	padding: 50px 0px 30px 0px ;
}
.pt50b80{
	padding: 50px 0px 80px 0px ;
}
.pt60b100{
	padding: 60px 0px 100px 0px ;
}
.pt60b295{
	padding: 60px 0px 295px 0px ;
}

.pt100b30{
	padding: 100px 0px 30px 0px ;
}
.pt100b65{
	padding: 100px 0px 65px 0px ;
}
.pt100b80{
	padding: 100px 0px 80px 0px ;
}
.pt15l40{
	padding: 15px 0px 0px 40px ;
}

.pr30l40{
	padding: 0px 30px 0px 40px ;
}
.prl100{
	padding: 0px 100px 0px 100px ;
}
.pt5r10{
	padding: 5px 10px 0px 0px ;
}

/*====================================
margin
====================================*/
.mt10{
	margin: 10px 0px 0px 0px ;
}
.mt15{
	margin: 15px 0px 0px 0px ;
}
.mb40{
	margin: 0px 0px 40px 0px ;
}

.mtb10{
	margin: 10px 0px 10px 0px ;
}



/*====================================
other
====================================*/

.vtop {
 vertical-align: top;
}




/*====================================
table
====================================*/
td{
text-align:left;
}

.td_center{
text-align:center;
}

.td_right{
text-align:right;
}

/*====================================
font
====================================*/
.yugo{
	font-family: "游ゴシック  Medium", "Yu Gothic";	
	}

.bold{
font-weight: bold;
}
.tx10 {
font-size:10px;
}

.tx12{
font-size:12px;
}

.tx14 {
font-size:14px;
}
.tx16 {
font-size:16px;
}
.tx18 {
font-size:18px;
}
.tx20 {
font-size:20px;
}

.tx32 {
font-size:32px;
}

.tx145 {
	line-height:145%;
}
.tx160 {
	line-height:160%;
}
.tx180 {
	line-height:180%;
}
.tx200 {
	line-height:200%;
}


.tx_FFFFFF{
	color: #FFFFFF;
}

.tx_red{
	color: #CB0504;
}


.tx_9BCA42{
color:#9BCA42;
}

.tx_0688B4{
color:#0688B4;
}

.tx_7BC8EC{
color:#7BC8EC;
}

.tx_00A3EA{
color:#00A3EA;
}

.manli01{
font-size:12px;
font-weight:bold;
text-align:center;
}

.manli02{
font-size:10px;
text-align:center;
}


.manli03{
font-size:9px;
text-align:center;
}



.txmaru-01 {
font-size:30px;
color:#FFFF26;
padding-right:10px;
}


/*====================================
box
====================================*/

.box_0{
	margin: 0;
	padding: 0;
}

.box_0center{
	margin: 0 auto;
	padding: 0;
}

.newswrap{
	width:480px; height:360px;
	overflow:hidden;
	position:relative;
	border:1px solid #E37879;
}

/*====================================
clearfix
====================================*/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;
/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}




/*====================================
hidden
====================================*/
em{
	display: block;
	text-indent: -9999px;
}
/*MacIE HACK------------------- \*//*/
em{
	height:0px;
	width:0px;
	overflow:hidden;
}

*/


/*====================================
top
====================================*/
.icon {
  position: relative;
  /* 値は調整してください */
  top: 5px;
  left: 5px;
}


/*====================================
staff
====================================*/

.staff01 {
	position:absolute;
	top:42px;
	right:-15px;
	}

.staff02 {
	position:absolute;
	top:47px;
	left:0px;
	}

.staff04 {
	position:absolute;
	top:37px;
	left:0px;
	}

.staff05 {
	position:absolute;
	top:40px;
	left:500px;
	}
	
.staff07 {
	position:absolute;
	top:47px;
	left:0px;
	}
	
.staff08 {
	position:absolute;
	top:23px;
	left:596px;
	}
.staff09 {
	position:absolute;
	top:105px;
	left:596px;
	}


	
/*====================================
ドロワーメニュー
====================================*/
#header {
	width: 100%;
	padding: 0;
	z-index: 999;
}

#drawerBtn a {
	font-size: 100%;
	font-weight: bold;
	color: #00000;
}
 
#drawer ul li a {
	display: block;
	padding: 15px 15px;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family:"游ゴシック  Medium", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*text-shadow: -1px -1px 0 #000;*/
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 #555;
}


/*====================================
PCスライダー
====================================*/

/* .viewer_pc
------------------------- */
.viewer_pc {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer_pc ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer_pc ul li {
	top: -4px;
	left: 0px;
	width: 100%;
	position: absolute;
}
.viewer_pc ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer_pc .btnPrev,
.viewer_pc .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer_pc .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer_pc .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer_pc ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer_pc ul {
    display: inline-block;
    overflow: hidden;
}






/*====================================
スマホスライダー
====================================*/

/* .viewer_sp
------------------------- */
.viewer_sp {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer_sp ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer_sp ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer_sp ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer_sp .btnPrev,
.viewer_sp .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer_sp .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer_sp .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}

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

div.accordion {
  width: 100%;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #FFFFFF;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #FFFFFF;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 31px;
  top: 20px;
  color: #2f7f99;
}
div.accordion > ul > li > a:after{
  content: url(../musclebar-p/top-p/ac_bef.png);
}
div.accordion > ul > li > a.active:after{
  content: url(../musclebar-p/top-p/ac_aft.png);
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li{
  line-height:0;
}

div.accordion > ul > li > ul > li > a{
  color: #fff;
  position: relative;
}