@charset "UTF-8";


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6;
	
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}

header{
	width: 1200px;
	max-width: 100%;
	text-align:center;
	margin: 3% auto;
}

header img{
	width:30%;
	height:auto;
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
}

sup {
	font-size: 50%;
}

img {
	max-width: 100%;
}

main {
	display: block;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2%;
}

.txSm {
	margin-top: 1%;
	font-size: 70%;
}


.lead {
  margin: 5% 0 4%;
	font-size: 140%;
  font-weight: bold;
	text-align: center;
}

.lead>span {
  font-size: 150%;
  font-weight: bold;
  color: crimson;
}

h3 {
  margin-bottom: 1%;
  padding-bottom: 0.5%;
  border-bottom: 1px solid #333333;
  font-size: 125%;
}

.card {

}


h1 {
	position: relative;
	width: 100%;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin: 0 auto;
	font-size: 400%;
	text-align: center;
}


.benefits>p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin: 2% 0;
	font-size: 170%;
	text-align: center;
}

.table {
	margin: 0% 0 5%;
}

/*//カード券面//*/

.contents {
	/*margin: 0 0 6%;*/
	padding: 3% 2%;
	border-radius: 10px;
  background-color: #fbf8f0;
}

.contents ul li p {
  text-align: left;
}

.gold_card,.red_card {
	margin-bottom: 5%;
}

.gold_card p:nth-of-type(2) {
	color: #976f1b;
}

.red_card p:nth-of-type(2) {
	color: #D3090C;
}

.gold_card ul,.red_card ul {
	display: flex;
	justify-content: center;
}

.gold_card ul li:first-child,.red_card ul li:first-child {
	width: 37%;
}

.gold_card ul li:nth-of-type(2),.red_card ul li:nth-of-type(2) {
	width: 50%;
	margin-top: 0%;
}

.panel-groupS>.contents:nth-of-type(2)>.gold_card ul li:nth-of-type(2) {
	margin-top: 0;
}

.gold_card ul li p:first-child {
	display: inline-block;
	line-height: 1.3;
	padding: 1% 2%;
	border: 2px solid #976f1b;
	font-weight: bold;
	font-size: 90%;
	color: #976f1b;
}

.red_card ul li p:first-child {
	display: inline-block;
	line-height: 1.3;
	padding: 1% 2%;
	border: 2px solid #D3090C;
	font-weight: bold;
	font-size: 90%;
	color: #D3090C;
}



.gold_card ul li p:nth-of-type(2),.red_card ul li p:nth-of-type(2) {
	margin: 1.5% 0 1%;
	font-size: 160%;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.gold_card ul li a button,.red_card ul li a button {
	margin-top: 3%;
	padding: 3% 10%;
	background-color: #535353;
	border-radius: 5px;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
}

.gold_card ul li span {
	font-weight: bold;
}

.red_card ul li span {
	color: #D3090C;
	font-weight: bold;
}


.more {
  margin-top: 2%;
}

/*//カード券面おわり//*/


/*ポイント付与について*/

.issue {
	display: inline-block;
	margin-top: 2%;
	padding: 1%;
	border: 2px solid #333333;
}


/*ポイント付与についておわり*/


ol li,.comment p,.point2>ul>li {
	padding-left: 1em;
	text-indent: -1em;
}

ol {
	margin: 2% 0 0;
	font-size: 85%;
}

h2 {
	margin: 5% 0 2%;
	padding: 1% 2%;
  color: #896D2C;
	font-size: 130%;
	font-weight: bold;
	background-color: #E9E0CE;
}


section span {
	font-weight: bold;
}


.gold {
	color: #A28F42;
	font-size: 120%;
}

.red {
	color: #D3090C;
	font-size: 180%;
}

.comment {
	margin-top: 2%;
}


.point>p>span,.point2>p>span {
	font-size: 115%;
}
.point>p,.point2>ul {
	margin-bottom: 2%;
}

.point2>ul:nth-of-type(2)>li:nth-last-of-type(-n+2),.point2>ul:nth-of-type(3)>li:nth-last-of-type(-n+2) {
	margin-top: 0.5%;
	font-size: 90%;
}

.conditions {
  margin-bottom: 1%;
}

.txRed {
	color: #e40003;
	text-decoration: underline;
}



footer{
	max-width: 100%;
	margin:4% auto 3%;
	padding:2%;
	color:#000;
	font-size: 90%;
	text-align:center;
}


/*//タブ切り替えTOP//*/

.tab-group{
  display: flex;
  justify-content: center;
	margin-top: 3%;
}


.tab {
    flex-grow: 1;
    padding: 1.5%;
    font-size: 120%;
    list-style: none;
    border: solid 3px #e48586;
    text-align: center;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    color: #e48586;
}

.panel-group>.panel{
  display:none;
	margin-top: -3px;
	padding: 0 3%;
	border:solid 3px #e48586;
}
.panel-group{
  height:auto;
  border-top:none;	
}

/*.panel-group>.panel:first-child {
	border:solid 3px #e48586;
}

.panel-group>.panel.is-show{
    display:block;
}

.tab:first-child {
	margin-right: 1%;
  border: solid 3px #e48586;
  color: #e48586;
	padding-top: 3%;
}


.tab.is-active {
    font-weight: bold;
    background: #e48586;
    color: #FFF;
    transition: all 0.2s ease-out;
}

.tab-group>li:first-child.is-active{
	background-color: #e48586;
	color: #fff;
	padding-top: 3%;
}*/

/*//タブ切り替えTOPおわり//*/



/*//タブ切り替えBOTTOM//*/

.tab-group2 {
  display: flex;
  justify-content: center;
	margin-top: 4%;
}


.tab2 {
    flex-grow: 1;
    padding: 1.5%;
    font-size: 120%;
    list-style: none;
    border: solid 3px #e48586;
    text-align: center;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    color: #e48586;
}

.panel-group2 {
  height:auto;
  border-top:none;	
}

.panel-group2>.contents:nth-of-type(2) {
	background-color: #f1f1f1;
}




.tab2:first-child {
	width: 25%;
	margin-right: 1%;
  border: solid 3px #e48586;
  color: #e48586;
	padding-top: 3%;
}


.tab2.is-active2 {
    font-weight: bold;
    background: #e48586;
    color: #FFF;
    transition: all 0.2s ease-out;
}

.tab-group2>li:first-child.is-active2 {
	background-color: #e48586;
	color: #fff;
	padding-top: 3%;
}


/*//タブ切り替えBOTTOMおわり//*/


/*//スムーススクロール//*/


.topbutton {
	max-width: 100%;
}

#page-top {
    position: fixed;
    bottom:10%;
    right: 4%;
    font-size: 120%;
}


#page-top a {
	background:rgba(147,146,146,0.78);
	text-decoration: none;
	color: #fff;
	padding: 20px 20px;
	width: 15px;
	height: auto;
	border:none; 
	border-radius: 50%;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

#page-top a:hover {
    text-decoration: none;
    background: rgba(147,146,146,0.78);
}

/*//スムーススクロールおわり//*/



/*.tab-group a{
  text-decoration: none;
}

.tab-group a:hover {
  opacity: 1;
}



.panel-group>.panel:first-child {
	border:solid 3px #e48586;
}

.panel-group>.panel.is-show{
    display:block;
}

.tab:first-child {
  margin-right: 1%;
}

.tab:first-child a{
  display: inline-block;
  border: solid 3px #e48586;
  color: #e48586;
	padding-top: 3%;
}

.tab:nth-of-type(2) a {
   display: inline-block;
  border: solid 3px #e48586;
  color: #e48586;
}


.tab.is-active  {
    font-weight: bold;
    background: #e48586;
    color: #FFF;
    transition: all 0.2s ease-out;
}

.tab-group>li:first-child.is-active a {
  
	background-color: #e48586;
	color: #fff;
	padding-top: 3%;
}

.tab-group>li:nth-of-type(2).is-active a {
  background-color: #e48586;
	color: #fff;
}*/




/*//////*/
.tab_area{
 overflow:hidden;
 display:table;
 margin-bottom: -0.5%;
 }

 
.tab_area li{
 /*Tabの装飾*/
 width: 600px; 
 height: auto;
  padding: 1.5%;
 text-align:center; 
 border: 3px solid #0183b7; 
 cursor: pointer; 
 vertical-align:middle; 
 display:table-cell;  
 color: #0183b7;
 background-color:#ffffff;
  border-radius: 10px 10px 0 0;
  font-size: 120%;
 }

 
.all_area { 
 overflow: hidden;
  margin: 4% 0 0;
 }
 
.all_area div.content_area{
 /*Tabの内容を表示するエリアの装飾*/
 background:#ffffff; 
 padding: 3%;  
 border: 3px solid #0183b7;
 }

.all_area div.content_area .tx{
  margin-bottom: 3%;
  text-align: center;
  font-size: 150%;
 }
 
.tab_area li.select{
 /*アクティブタブの装飾*/
 background-color:#0183b7; 
 background-image:none; 
 color:#ffffff;
 }
 
.hide{display:none;}


.tx {
  text-align: center;
}
.tx img {
  width: 33%;
}

.normal {
  display: block;
  margin: 8% auto 0;
  text-align: center;
}

.normal>p:first-child {
  margin-bottom: 1%;
}


.target {
  width: 40%;
  margin: 0 auto 5%;
  padding: 1% 0;
  text-align: center;
  font-size: 170%;
  font-weight: bold;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}