@media screen and (min-width:1024px){

  .sp {
    display: none;
  }

}
@media screen and (min-width:768px) and (max-width:1023px){

  .sp {
    display: none;
  }

	.web_admission2209 {
		width: auto;
	}

	.lead {
    font-size: 120%;
}
	h1 {
    font-size: 300%;
}

	.gold_card ul li, .red_card ul li {
    width: 50%;
}

	.gold_card ul li:first-child, .red_card ul li:first-child, .saison_card ul li:first-child {
    width: 40%;
    margin: 4% 4% 0 0;
}

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

	.gold_card ul li p:nth-of-type(2), .red_card ul li p:nth-of-type(2), .saison_card ul li p:nth-of-type(1) {
    font-size: 145%;
	}


	section p,ol,.comment {
		padding: 0 2%;
	}

	.tab,.tab2 {
    font-size: 110%;
	}

	. {
		width: 61%;
	}
}


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

  .movie iframe {
    width: 80%;
    height: auto;
  }
	/* .red_box {
		width: 61%;
	} */

}
@media screen and (min-width:541px){

	.sp {
		display: none;
	}

/* .red_box {
		width: 42%;
	} */
}

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


  .all_area div.content_area .tx {
    font-size: 110%;
}


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

  .tab {
    flex-grow: 1;
    padding: 2.5%;
  }

	.web_admission2209 {
		width: auto;
	}

	.pc {
		display: none;
	}

	.lead {
		font-size: 80%;
		font-weight: bold;
	}

	h1 {
		width: 100%;
		font-size: 155%;
	}

	.benefits>p {
		margin: 5% 0 3%;
    font-size: 115%;
}

	h2 {
    margin: 5% 0 3%;
		padding: 2%;
		font-size: 110%;
	}

	.contents {
		margin: 8% 0 0;
		padding: 5% 2%;
	}

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


	.gold_card ul,.red_card ul,.saison_card ul {
	display: inline-block;
}

	.gold_card>ul>li:nth-of-type(1),.red_card>ul>li:nth-of-type(1),.saison_card>ul>li:nth-of-type(1) {
		width: 65%;
		margin: 0 0 0 22%;
}

	.gold_card>ul>li:nth-of-type(2),.red_card>ul>li:nth-of-type(2),.saison_card>ul>li:nth-of-type(2) {
		width: 100%;
	}

	.gold_card ul li p:first-child,.red_card ul li p:first-child {
		display: none;
		font-size: 80%;
	}

	.gold_card>ul>li>p:nth-of-type(2),.red_card>ul>li>p:nth-of-type(2),.saison_card>ul>li>p:nth-of-type(1) {
		margin: 3% 0;
		text-align: center;
		line-height: 1.3;
		font-size: 130%;
	}

	.gold_card ul li a,.red_card ul li a,.saison_card ul li a,.txSm {
		text-align: center;
		display: block;
	}
	.contents .btn {
		margin: 4.667vw auto 0;
		width: 90%;
		max-width: none;
	}
	.gold {
		font-size: 110%;
	}

	.red {
		font-size:160%;
	}

	ol li,.comment {
		margin: 0 2%;
	}

	section p {
		font-size: 100%;
	}

	ol {
		margin-top: 5%;
		font-size: 80%;
	}

	.comment {
		margin-top: 0;
		font-size: 80%;
	}

	.cardP>li {
		margin-bottom: 7%;
		padding-top: 7%;
		border-top: 1px solid #D6D6D6;
	}

	#links01>li>ul {
		margin-bottom: 2%;
		font-size: 90%;
	}

	#links01>li>.issue {
		font-size: 80%;
	}

	#links02>li>p>span {
		font-size: 100%;
		font-weight: bold;
	}

	#links02>li>ul li {
		font-size: 90%;
		padding-left: 1em;
		text-indent: -1em;
	}

	#links02>li>ul li.note {
		margin-top: 2%;
		font-size: 80%;
	}

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

	#links01>li>.issue {
		font-size: 80%;
	}

	strong {
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 2% 0 2%;
}

	#links02 > li > ul li.note {
    margin-top: 2%;
    font-size: 80%;
}

	footer {
		font-size: 50%;
	}
	footer.display_advertising {
		margin: 0 auto;
		width: 80%;
		padding: 40px 0 20px;
		text-align: center;
		line-height: 1.9;
		font-size: 12px;
	}


	/*//TOP//*/

	.tab {
    font-size: 75%;
		border: solid 2px #e48586;
	}

	.tab:first-child {
		padding-top: 2%;
    border: solid 2px #e48586;
	}

	.panel-group>.panel:first-child {
    border: solid 2px #e48586;
}
	.panel-group>.panel {
    margin-top: -2px;
		border: solid 2px #e48586;
	}
	.tab-group>li:first-child.is-active {
    padding-top: 2%;
}

	.tab-group>li:nth-of-type(1),.tab-group2>li:nth-of-type(1) {
		width: 34%;
		max-width: 34%;
	}
	.tab-group>li:nth-of-type(2),.tab-group2>li:nth-of-type(2) {
		width: 57%;
		max-width: 57%;
	}


	/*//TOPおわり//*/


  /*//BOTTOM//*/

	.tab-group2 {
    margin-top: 7%;
}

	.tab2 {
		width: 100%;
		max-width: 100%;
    font-size: 75%;
		border: solid 2px #e48586;
	}

	.tab2:first-child {
		padding-top: 2%;
    border: solid 2px #e48586;
	}

	.panel-group2>.panel2 {
    margin-top: -2px;
	}
	.tab-group2>li:first-child.is-active2 {
    padding-top: 2%;
}
	.red_box {
		/* width: 70%; */
		margin: 0 auto;
	}

	/*//BOTTOMおわり//*/

	#page-top a {
    padding: 15px 15px;
	}


	/*アコーディオン全体*/
.menu {
  width: 100%;
}
.menu input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.menu h2 label {
  /*cursor :pointer;*/
  display: block;
  text-decoration: none;
  position: relative;
	font-weight: bold;
}

/*開いたときに表示される部分*/
.menu>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.menu>ul>li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
/* #menu_bar01:checked ~ #links01 li, */
.menu input[type=checkbox]:checked ~ ul li {
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
}
 /*開いたときの下の余白*/
/* #menu_bar01:checked ~ #links01 li:last-child, */
.menu input[type=checkbox]:checked ~ ul li:last-child {
  margin-bottom: 20px;
}
.menu h2 label {
  display: block;
  position: relative;
}
.menu h2 label:before, .menu h2 label:after {
  display: block;
  content: '';
  background-color: #896D2C;
  border-radius: 10px;
  position: absolute;
  width: 19px;
  height: 5px;
  top: 10px;
  right: 3px;
}
.menu h2 label:before {
  width: 5px;
  height: 18px;
  top: 3px;
  right: 10px;
}

.menu input[type=checkbox]:checked + h2 label:after {
  display: block;
  content: '';
  background-color: #896D2C;
  border-radius: 10px;
  position: absolute;
  width: 19px;
  height: 5px;
  top: 10px;
  right: 3px;
}

	.menu input[type=checkbox]:checked + h2 label:before {
		display: none;
	}


  .tab_area li {
    padding: 3% 1%;
    font-size: 65%;
}



}

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

	.lead {
    font-size: 70%;
}

	h1 {
    font-size: 140%;
}

	.gold_card>ul>li>p:nth-of-type(2), .red_card>ul>li>p:nth-of-type(2), .saison_card>ul>li>p:nth-of-type(1) {
    font-size: 125%;
}

	h2 {
    padding: 2%;
    font-size: 100%;
}

	.tab-group {
    margin-top: 5%;
}

	.tab,.tab2 {
    font-size: 60%;
	}

	strong {
    font-size: 95%;
}

	section p, ol li, .comment {
    margin: 4% 2%;
}

	/* .red_box {
		width: 82%;
	} */

}

/*-- sp --*/
@media only screen and (max-width: 767px) {
	.content_area .issuance {
		margin: 4vw auto 7.813vw;
		width: 100%;
		border-radius: 2.667vw;
	}
	.content_area .issuance dt {
		padding: 3.333vw;
		font-size: 3.733vw;
		border-radius: 2.267vw 2.267vw 0 0;
	}
	.content_area .issuance dd {
		padding: 5.333vw 2.367vw;
	}
	.content_area .issuance dd .txt {
		font-size: 3.333vw;
	}
	.content_area .issuance dd .note {
		margin-top: 2vw;
		font-size: 2.933vw;
	}

	.cpBanner + p {
		font-size: 2.333vw;
	}
}



/* display_advertising
-------------------------- */
@media screen and (max-width:848px) {
	/* moreInfoBlock */
	.moreInfoBlock dd {
		padding-left: 0;
	}
	.moreInfoBlock  .moreInfo .ttl .icon {
		width: 80px;
	}
	.moreInfoBlock  .moreInfo .ttl .text {
		padding-left: 90px;
	}
	.moreInfoBlock  .moreInfo .ttl .label {
		font-size: 18px;
	}
	.moreInfoBlock  .moreInfo .detail {
		padding-left: 90px;
	}
}
@media screen and (max-width:640px){
	.moreInfoBlock  .moreInfo .ttl .icon {
		width: 60px;
	}
	.moreInfoBlock  .moreInfo .ttl .text {
		padding-left: 70px;
	}
	.moreInfoBlock  .moreInfo .detail {
		padding-left: 70px;
	}
}
@media screen and (max-width:540px){
	.moreInfoBlock {
		margin-top: 19px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.moreInfoBlock dt {
		display: block;
		padding: 19px 25px 19px 35px;
		font-size: 14px;
	}
	.gold_card ul li .moreInfoBlock dt p,
	.red_card ul li .moreInfoBlock dt p {
		text-align: center;
	}
	.moreInfoBlock dt::before {
		left: 9px;
		margin-top: -10px;
	}
	.moreInfoBlock dd {
		margin-top: 0;
		padding: 0 8px 25px;
	}
	.gold_card ul li .moreInfoBlock p:first-child,
	.red_card ul li .moreInfoBlock p:first-child {
		font-size: 14px;
	}
	.gold_card ul li .moreInfoBlock p:nth-of-type(2),
	.red_card ul li .moreInfoBlock p:nth-of-type(2) {
		font-size: 14px;
	}
	.moreInfoBlock .moreInfo {
		min-height: auto;
		margin-top: 20px;
	}
	.moreInfoBlock .moreInfo .ttl {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.moreInfoBlock .moreInfo .ttl .icon {
		position: static;
		width: 75px;
		flex-shrink: 0;
	}
	.moreInfoBlock .moreInfo .ttl .text {
		margin-left: 15px;
		padding-left: 0;
	}
	.moreInfoBlock .moreInfo .ttl .label {
		padding-left: 22px;
		font-size: 16px;
		line-height: 1.5;
	}
	.moreInfoBlock .moreInfo .detail {
		margin-top: 5px;
		padding-left: 0;
	}
}