/* CSS Document */


body { 
margin: 0px; 
padding: 0px;
background-color: #fff;
font-family:Arial, Helvetica, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}


p{font-size: 115%;
line-height: 165%;
color:#444;
}


.wrap {
	overflow: hidden;
}


.pc { display: none !important; }
.smp { display: block !important; }



/***********************************************/
/*　TOP・第2階層 メイン画像                    */
/***********************************************/


.fixed-bg{
 height: 560px;
 padding:10% 0;
}

.fixed-bg::before{
 background: url("/images/top-img-tablet.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size : contain;
 -webkit-background-size: 100%;
 -moz-background-size: 100%;
 -o-background-size: 100%;
 /*background-attachment: fixed;*/
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
 padding: 10% 0;
 content: "";
 z-index: -1;
}


.fixed-bg h1 {
  position: absolute;/*絶対配置*/
  color: #250f0f;/*文字は黒に*/
  font-size: 170%;/*サイズ2倍*/
  font-family:"Hiragino Mincho Pro", serif;
  font-weight:bold;
  text-align:center;
    white-space: nowrap;
  text-shadow: 2px 2px 2px #fff;
 top: 34%;
 left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0 auto;
  padding:0;
  /*文字の装飾は省略*/
  }



.fixed-bg2{
 height: 120px;
 padding:10% 0;
}

.fixed-bg2::before{
 background: url("/images/top-img-tablet.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size : contain;
 -webkit-background-size: 100%;
 -moz-background-size: 100%;
 -o-background-size: 100%;
 /*background-attachment: fixed;*/
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
 padding: 10% 0;
 content: "";
 z-index: -1;
}




/***********************************************/
/*　TOP 会の説明　　                           */
/***********************************************/

.top-green {
  justify-content: center;
background-attachment: scroll;
background-color:#FFF;
}


.text {text-align:left;
padding:1px 4% 1px 6%;
}

.text h2 { font-size: 200%;
text-align: center;
color:#351616;
font-family:"Hiragino Mincho Pro", serif;
font-weight:bold;
padding: 28px 0px 20px 0px;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
}
.text h2.red { 
color:#9f2c45;
}

.text p {font-family:"Hiragino Mincho Pro", serif;
text-align:left;
}
.text p.main { color:#000; margin:60px 0 0 0;
}
.text p.main2 { color:#000; margin:0px 0 15px 0;
}
.text p.caption { color:#444; margin:70px 0px 20px 0; font-size: 86%; text-align:right;
font-family:Arial, Helvetica, Meiryo, sans-serif;
}


.text h3 { font-size: 170%;
color:#250f0f;
font-family:"Hiragino Mincho Pro", serif;
font-weight:bold;
padding: 0px 0px 20px 0px;
margin-bottom:0px;
border-bottom:solid 0px #999;
}
.text h3.board { 
color:#444;
text-align:center;
padding: 40px 0px 20px 0px;
}


.top-table { margin:0 auto;
padding:0;
width:100%;
}

.top-table th {
  border: 0px;
  padding: 20px 0 0px 0;
    font-weight:normal;
	font-size:115%;
	font-family:"Hiragino Mincho Pro", serif;
	text-align:left;
	display: block;
}

.top-table td {
	border-bottom: 1px solid #ccc;
  text-align:left;
  display: block;
  }


.text a{color: #000; 
text-decoration: none; 
}

.text a:hover { color: #3b9a0d; 
padding: 0 0 3px 0;
border-bottom:#ccc dotted 2px;
}


.img { text-align:center;
}

.img img {
  max-width: 75%;
}


.center { text-align:center;
padding:30px 0 50px 0;
margin:0;
background-color:#FFF;
}

.center a{ background-color:#875599;
font-family:Arial, Helvetica, Meiryo, sans-serif;
border-radius: 5px;
text-decoration:none;
padding: 14px 32px;
color:#FFF;
font-size:96%;
	}

.center a:hover { color: #FFF; 
background-color:#8e5f9f;
}



/***********************************************/
/*　TOP 会のあゆみ　                           */
/***********************************************/


.top-corp {
  justify-content: center;
background-attachment: scroll;
background-color:rgba(14,8,8,0.6);
margin-top:-27px;
}


.text-corp {text-align:center;
padding:0 4% 40px 6%;
}

.text-corp h2 { font-size: 200%;
text-align: center;
color:#eaeaea;
font-family:"Hiragino Mincho Pro", serif;
font-weight:bold;
padding: 40px 0px 20px 0px;
margin-bottom:20px;
border-bottom:solid 1px #999;
}

.text-corp p { font-family:"Hiragino Mincho Pro", serif;
text-align:left;
color:#fff;
}

.text-corp a{ background-color:#000;
font-family:Arial, Helvetica, Meiryo, sans-serif;
border-radius: 5px;
text-decoration:none;
border: 0px;
padding: 14px 40px;
margin:30px 0 0px 0;
color:#FFF;
font-size:96%;
	}

.text-corp a:hover { color: #FFF; 
background-color:#222;
}


.img-corp {margin-top:50px;
}

.corp-u{margin:40px 0 0 0;
}

.corp-u a{color: #ddd; 
padding: 0;
background-color: transparent;
}

.corp-u a:hover { color: #fff; 
padding: 0 0 3px 0;
border-bottom:#ccc dotted 2px;
background-color: transparent;
}




/***********************************************/
/*　 第2階層　会員店舗一覧                       */
/***********************************************/

.corporate-bg {background-color:#fff;
padding:40px 4% 70px 6%;
text-align: center;
}

.corporate-bg h1{
	font-size:200%;
		padding:0 0 30px 0;
	font-weight: bold;
	color:#351616;
	font-family:"Hiragino Mincho Pro", serif;
}


.anchor{ margin:0 auto;
padding:0px 0 60px 0;
}

.anchor a{color: #000;
text-align: center; 
line-height: 1.4em; 
display: inline-block; 
font-family:Arial, Helvetica, Meiryo, sans-serif;
font-size: 95%; 
text-decoration: none; 
background-color: #ffffff; 
padding: 5px 16px; 
border: solid 1px #333; 
margin: 2px; 
border-radius: 25px;
}
.anchor a:hover{color: #555;
background-color: #ffffff; 
border: solid 1px #555; 
}



.corporate-table { margin:0 auto;
padding:0;
width:100%;
}

.corporate-table th {
  border: 0px;
  padding: 10px 0 0px 0;
    font-weight:normal;
	font-size:115%;
	font-family:Arial, Helvetica, Meiryo, sans-serif;
	text-align:center;
	display: block;
}

.corporate-table td {
	border-bottom: 1px solid #ccc;
  text-align:left;
display: block;
  }
 
.corporate-table p{line-height: 110%; padding:0 0 0px 2px;
font-family:"Hiragino Mincho Pro", serif;
}
.corporate-table p.address{	font-size:96%; padding:0px 0 18px 3px; margin:0;
}

.corporate-table a{color: #000; 
text-decoration: none; 
}

.corporate-table a:hover { color: #cb1f00; 
padding: 0 0 3px 0;
border-bottom:#000 dotted 2px;
}






/***********************************************/
/*　 第2階層　トピックス　　　　　　　　　　　 */
/***********************************************/

.topics-table{ margin:0 auto;
padding:0;
width:100%;
}

.topics-table th {
  border: 0px;
  padding: 26px 0 0px 0;
  color:#9f2c45;
    font-weight:normal;
	font-size:96%;
	font-family:Arial, Helvetica, Meiryo, sans-serif;
	text-align:left;
	display: block;
}

.topics-table td {border-bottom: 1px solid #ccc;
  text-align:left;
  display: block;
}

.topics-table p{font-family:"Hiragino Mincho Pro", serif;
}

.topics-table td a{color: #000; 
text-decoration: none; 
}

.topics-table td a:hover { color: #333; 
padding: 0 0 0px 0;
border-bottom:#000 dotted 2px;
}





/***********************************************/
/*             page top                    　  */
/***********************************************/

.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 10px;
}

.pagetop a {
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
    display: block;
    background-color: #fff;
    text-align: center;
    color: #250f0f;
    font-size: 22px;
	font-weight:bold;
    text-decoration: none;
    padding:14px 20px;
}

.pagetop a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}




/***********************************************/
/*             footer           　　　　       */
/***********************************************/

.footer{background-color: #FFF;
}

.footer p{ font-size:94%; 
text-align:center; 
color:#333; 
margin:0; 
padding:50px 0 50px 0;
font-family:Arial, Helvetica, Meiryo, sans-serif;
}