@charset "UTF-8";

h1.p-section_wrapper_title{
	font-size: 4rem;
}
.tablet h1.p-section_wrapper_title{
   font-size: 4.8rem;
}

/* ボタンの矢印向き変更 */
.c-linkButton.__lightMode.__arrow:after {
    transform: rotate( 90deg );
}
/* 横並びボタンの幅調整 */
.p-grid .c-linkButton.__lightMode.__small{
	width: calc(50% - 20px);
}
/* box-shadowをオフ */
.c-linkButton.__primary.__noShadow{
	box-shadow: none;
	max-width: 100%
}
.tablet .c-linkButton.__primary.__noShadow{
	max-width: 260px;
}
/* pdfアイコンを追加 */
.c-linkButton.__primary.__noShadow.__arrow:after{
	background-image: url(/wp-content/themes/consadole-sapporo/resources/images/fanclub/images/icon/icon_pdf.svg);
	width: 14px;
	height: 18px;
	margin-top: -10px;
}
/* pdfボタンサイズ調整 */
.c-thumbLinkButton {
	width: 100%;
}
.tablet .c-thumbLinkButton {
	width: calc(50% - 112px);
}

/* 横並び画像の幅調整 */
.tablet .p-grid .c-thumbLinkButton {
	width: calc(50% - 112px);
	padding: 0;
}

/* スラッシュ部分 */
.__slash{
	display: inline-block;
    width: 14px;
    height: 30px;
    background-repeat: no-repeat;
	background-size: cover;
	margin: -4px 4px;
}
/* grid余白 */
.p-grid .p-grid_item {
    margin-bottom: 40px
}
.tablet .p-grid .p-grid_item {
    margin-bottom: 50px
}
.tablet .p-grid .p-grid_item._pc {
	width: 100%;
}
.tablet .p-grid .p-grid_item._sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.p-grid_item._pc {
			display: none;
	}
	.p-grid_item._sp {
		 display: block;
	}
}
/* ラベル */
.p-grid_item_label{
	margin-bottom: 8px;
}
/* 特典タイトル */
.p-grid_item_title{
	display: flex;
	align-items: center;
}
.p-grid_item_title p{
	line-height: 1.5;
}
/* 番号 */
.__number {
	height:36px;
	width:36px;
	border-radius:50%;
	line-height:36px;
	text-align:center;
	background:#333;
	color: #fff;
	font-size:24px;
	margin-right: 8px;
  }
.tablet .__number{
	height:40px;
	width:40px;
	line-height:40px;
}
/* 特典画像 */
.p-grid_item img.__special{
	margin: 14px 0;
}
/* 会員の種類 キャッチコピー */
.p-grid_item .c-catchcopy{
	margin-bottom: 14px;
}
.tablet .p-grid_item .c-catchcopy{
	margin-bottom: 40px;
}

/* grid pタグlineHeight */
.p-grid_item p{
	line-height: 1.5;
}

/* grid pタグ内リンク */
.p-grid_item p a{
	text-decoration: underline;
}
.p-grid_item p a:hover{
	text-decoration: none;
    opacity: 0.7;
}

/* spのみ表示 */
.tablet .__sp{
	display: none;
}
/* sp以外で表示 */
.__pc{
	display: none;
}
.tablet .__pc{
	display: block;
}
/* 注意書き */
.__notice{
	font-size: 1.2rem;
	line-height: 1.5;
}

/* 特典比較表 */
.p-section.__black {
	color: #fff;
}
/* 価格表 */
.p-table td,
.p-table th{
	padding: 10px;
}
.tablet .p-table td,
.tablet .p-table th{
	padding: 16px;
}
.p-table th{
	background-color: #fff;
	color: #333;
}
.p-table td{
    background-color: #fff;
	color: #333;
}
.p-table td.__back{
	background-color: #1e506b;
	color: #fff;
}
.p-table td.__back-black{
	background-color: #323335;
	color: #fff;
	padding: 16px 15px;
    width: 60px;
}
.p-table td .__vertical{
	writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    letter-spacing: .2em;
}
.p-table td .__vertical span.__vertical-part{
	writing-mode: horizontal-tb;
}
.p-table .__event{
	width: 160px;
}
.tablet .p-table .__event{
	min-width: 300px;
}
.p-table .__category{
	width: 100px;
}
.tablet .p-table .__category{
	min-width: 114px;
}

.p-table .__rookie{
	background-color:#11864e;
	color: #fff;
	border-bottom: solid 1px #fff;
	border-right: 0;
	border-left: 0;
}
.p-table .__moreFun{
	background-color: #b80002;
	color: #fff;
	border-bottom: solid 1px #fff;
	border-right: 0;
	border-left: 0;
}
.p-table .__regular{
	background-color:#df333f;
	color: #fff;
	border-bottom: solid 1px #fff;
	border-right: 0;
	border-left: 0;
}
.p-table .__junior{
	background-color:#00516e;
	color: #fff;
	border-bottom: solid 1px #fff;
	border-right: 0;
	border-left: 0;
}
.p-table .__bottomNone{
	border-bottom: 0;
}

/* WEB入会の流れ */
#flow {
	color: #fff;
}
#flow .p-box{
	position: relative;
	margin-top: 32px;
}
.tablet #flow .p-box{
	position: relative;
	margin-top: 60px;
}
#flow .p-box p{
	line-height: 1.5;
	margin-top: 10px;
}
#flow .p-box:nth-child(1){
	margin-top: 44px;
}
#flow .p-box .__first::after {
	position: absolute;
  	content: 'STEP1';
  	top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  	color: white;/*文字色*/
  	background: #333;
    padding: 0 56px;
	font-size: 2rem;
}
#flow .p-box .__second::after {
	position: absolute;
  	content: 'STEP2';
  	top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  	color: white;/*文字色*/
  	background: #333;
    padding: 0 56px;
    font-size: 2rem;
}
#flow .__flowArrow{
	padding: 14px auto 0;
}


/* 2021/11/18ジュニアシート追加 */
#junior-seat-notice .p-grid div:nth-child(1){
	margin-bottom: 0;
}
#junior-seat-notice .p-grid div:nth-child(2){
	width: 100%;
	font-size: 12px;
}
.tablet #junior-seat-notice .p-grid div:nth-child(2){
	flex-basis: calc(100% - 406px);
	max-width: calc(100% - 406px);
	font-size: 13px;
}
#junior-seat-notice .p-frameBox{
	border: solid 1px #fff;
}