@charset "utf-8";
/*=============================================================

 Layout

=============================================================*/

/*=================================
local-nav-area 
=================================*/
#local-nav-area .local-nav--nickname {
background: #48a732 none repeat scroll 0 0;
}
#local-nav-area .local-nav--nickname .local-nav__parent a h1 {
line-height: 1.6;
}
#local-nav-area .local-nav.local-nav--nickname  ul li {
margin-left: 30px;
}
#local-nav-area .local-nav.local-nav--nickname  ul li:first-child {
margin-left: 0px;
}

/*=================================
font
=================================*/
dt {
    font-family: "AxisStd-Light","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
    line-height: 1.4;
    margin: 0;
}

/*=================================
各共通部分
=================================*/
/* howto-confirm*/
.howto-confirm{
text-align: center;
}
.howto-confirm .ttl {
font-size: 1.8rem;
margin-bottom: 10px;
font-family: "AxisStd-Light","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}

.key-color {
 color: #48a732;	
}

/*=================================
nickname top
=================================*/

.h1-sub {
 background-color: #faf7e6;
 border-radius: 8px;
 padding: 10px 40px;
 text-align: center ;
 font-size: 1.5rem ;
 margin: 40px auto 0 ;
}

/* circle-num */
.circle-num .circle-num__title {
    font-family: "AxisStd-Light","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
    font-size: 3.2rem;
}
.nickname-top .circle-num__image {
 background-color: #ffffff;
 border-radius: 8px;
 margin-top: 30px;
 padding: 30px 0 ;
}
.nickname-top .circle-num__image img {
 margin: 0 auto;
}
  
/* table */
.table__description thead tr th {
 background: #bbbbbb;
 color: #ffffff;
}

.table__description thead tr th.empty {
 background: #ffffff; 
 border-top:1px solid #ffffff;
 border-left:1px solid #ffffff;
}
.table__description tr:first-of-type th.empty {
    border-top: 1px solid #ffffff;
}

/* button-apply */
.btn_xlarge_wrap {
margin: 40px auto 0;
text-align: center;
}

/* modal*/
.modal-content .modal-body {
text-align: center;
}
.modal-content .modal__tit {
font-size: 3.0rem
}

/*=================================
nickname price
=================================*/

div.wrap-cap {
 display: -webkit-flex;
    display: flex;
 float: right;
}
/* free-ticket */
.ticket-cap {
margin-top: 30px;
 margin-right: 5px;
}
.ticket-cap > p {
background: #ec6600;
border-radius: 4px;
color: #ffffff;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.2;
padding: 10px 8px;
text-align: center;
}


/* table */
.table--green th {
background-color: #f1ffe8;
font-weight: normal;
color: #48a732;	
font-size:2.0rem;
line-height: 1.4;
}
.table--green th span.nomal {
 font-size: 1.8rem;
color: #555555;	
}
.table--green td {
font-size: 2.4rem;
}
.table--green td p {
display: inline-block;
}
.table__description th:last-child {
border-right: none;
}
span.month {
    background: #999999 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 1.2rem;
    margin: 3px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

/*=================================
nickname setup
=================================*/
.config-button {
background: #f3f3f3;
text-align: center;
border-radius: 8px;
padding: 40px 0;
margin: 40px 0 60px;
}
.config-button dt {
font-size: 2.0rem;
margin-bottom: 20px;
}
.config-button dt:before {
background-color: #bbbbbb;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
width: 15px;
margin-right: 5px;
}
.howto-cancel{
padding: 30px;
margin-top: 40px;
text-align: center;
border-radius: 8px;
border: 1px solid #cccccc;
}
.howto-cancel dt{
font-size:  2.0rem;
text-align: center;
margin-bottom: 10px;
}


/*20251107　終了のお知らせ*/
.info_terminate {
    color: #d40d36;
    font-size: 1.6rem;
    border: 1px solid #d40d36;
    padding: 30px;
    margin: 40px auto -30px;

}
/*-----20251126 グレーアウト対応 ------*/
#nickname-apply .apply__wrap {
    margin: 40px auto 0;
    text-align: center;
    position: relative;
}
#nickname-apply .plus .btn_xlarge_wrap {
	margin: 0 auto;
}
#nickname-apply .campaign__default .btn__negative {
    display: table;
    position: relative;
    overflow: hidden;
    padding: 0 20px 0 40px;
    line-height: 1.1;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
    min-width: 308px;
    font-family: "AxisStd-Medium", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
#nickname-apply .campaign__default .btn__negative::before {
    display: block;
    position: absolute;
    content: "";
    background: #d5d5d5 url(/resources_v2/plala/all/images/shared/icon_pencil_gray.png) no-repeat;
    background-position: 133px 50%;
    background-size: 48px 48px;
    border-radius: 50%;
}
#nickname-apply .apply__wrap .btn_xlarge_wrap::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 477px;
    height: 140px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    content: "お申込み受付は、2025年11月26日に終了いたしました。";
    color: #3b60a1;
    font-size: 2.4rem;
    white-space: pre;
}


/*=========================
///// 　　 スマホ　 //////////
==========================*/
@media screen and (max-width: 767px) {

/*=================================
local-nav-area 
=================================*/	
#local-nav-area .local-nav.local-nav--nickname  ul li {
margin-left: 0px;
}

/*=================================
各共通部分
=================================*/
/* howto-confirm*/
.howto-confirm .ttl{
font-size:  1.6rem;
}

/*=================================
nickname top
=================================*/

 .h1-sub {
 padding: 10px;
 font-size: 1.3rem ;
 margin: 20px auto 0 ;
}
 
/* circle-num */

.circle-num .circle-num__title {
    font-size: 2.2rem;
}
.nickname-top .circle-num__image {
    margin-top: 10px;
    padding: 10px;
} 

/* button-apply */
.apply__wrap {
margin: auto 10px;
}
.btn_xlarge_wrap {
width: 100%;
}

/* modal*/
.modal-content .modal__tit {
font-size: 2.4rem
}

/*=================================
nickname price
=================================*/

/* table */
.ttl_table {
font-size: 2.0rem;
}
.table--green th {
font-size:1.6rem;
line-height: 1.3;
}
.table--green th span.nomal {
font-size: 1.3rem;
}
.table--green td {
font-size: 2.0rem;
 line-height: 1.2;
}
.table--green td p {
display: block;
}

/*=================================
nickname setup
=================================*/
.config-button {
padding: 20px;
margin-bottom: 40px;
}
.config-button dt {
margin-left: 10px;
}
.config-button dt:before {
height: 12px;
width: 12px;
}
.howto-cancel{
padding: 20px;
}
.config-button dt, .howto-cancel dt{
font-size: 1.8rem;
}


/*20251107　終了のお知らせ*/
    .info_terminate {
        font-size: 1.4rem;
        padding: 10px;
        margin: 40px auto -10px;
    }

/*-----20251126 グレーアウト対応 ------*/
#nickname-apply .apply__wrap {
	padding: 0 10px;
	margin: 40px auto 25px;
}
#nickname-apply .plus .btn_xlarge_wrap {
	width: 100%;
}
#nickname-apply .campaign__default .btn__negative {
		min-width: inherit;
	}	
#nickname-apply .campaign__default .btn__negative:before {
	background-position: 78px 50%;
	background-size: 24px 24px;
}
#nickname-apply .apply__wrap .btn_xlarge_wrap::after {
	font-size: 1.6rem;
	line-height: 1.4;
	width: calc(100% - 20px);
	height: 60px;
	white-space: normal;
}

}