/* CSS Document */


body { 
margin: 0px; 
padding: 0px;
background-color: #fff;
font-family:"Hiragino Mincho Pro", serif;
-webkit-text-size-adjust: 100%;
}


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


.wrap {
	overflow: hidden;
}


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

.smpbr{display: none;}

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

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

.fixed-bg::before{
 background: url("/images/top-img-pc.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: 214%;/*サイズ2倍*/
  font-family:"Hiragino Mincho Pro", serif;
  font-weight:bold;
  text-align: right;
    white-space: nowrap;
  text-shadow: 2px 2px 2px #e2cea6;
 top: 48%;
 right:-19%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0 20px;
  padding:0;
  /*文字の装飾は省略*/
  }

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

.fixed-bg2::before{
 background: url("/images/top-img-pc.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;
display:flex;
  flex-direction: row;
}


.text {text-align: left;
padding:0 0%;
width:800px;
}

.text h2 { font-size: 200%;
color:#351616;
font-family:"Hiragino Mincho Pro", serif;
font-weight:bold;
padding: 40px 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 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;
padding: 40px 0px 20px 0px;
}

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

.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;
	width:150px;
	vertical-align:top;
}

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


.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;
padding-top:60px;
}

.img img {
  max-width: 400px;
}


.center { text-align:center;
padding:36px 0 60px 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:98%;
	}

.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:0px;
display:flex;
  flex-direction: row;
}


.text-corp {text-align:left;
padding:0 0% 40px 0;
width:800px;
}

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

.text-corp p { font-family:"Hiragino Mincho Pro", serif;
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:98%;
	}

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

.img-corp {margin:70px 0 70px 0;
width:400px;
}


.corp-u{margin:90px 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 0% 70px 0%;
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;
width: 760px;
}

.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;
}

.corporate-table th {
  border: 0px;
  padding: 18px 0 0px 0;
    font-weight:normal;
	font-size:115%;
	font-family:Arial, Helvetica, Meiryo, sans-serif;
	text-align:left;
	width:140px;
	vertical-align:top;
}

.corporate-table td {
	border-bottom: 1px solid #ccc;
  text-align:left;
  	width:660px;
  }
 
.corporate-table p{line-height: 110%; padding:0 0 14px 4px;
}
.corporate-table p.address{	font-size:96%; padding:0px 0 0 0; margin:-48px 0 18px 240px;
}


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

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


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

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

.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;
	width:100px;
	vertical-align:top;
}

.topics-table td {
	border-bottom: 1px solid #ccc;
  text-align:left;
  	width:700px;
  }
 
.topics-table p{
}

.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;
}