@charset "UTF-8";

/* ==========================================================================
   Contents
   ==========================================================================*/

/* 00 top - index
-----------------------------------------------------------------*/

.p-page-top {
}

/*  03_00_00 channel_list - index
-----------------------------------------------------------------*/

.p-page-channel {
}

/*  03_00_01~ channel_list - show
-----------------------------------------------------------------*/

.p-page-channel-show {
}

/*  05_00 howto - index
-----------------------------------------------------------------*/

.p-page-howto {
}

/*  05_001~ howto - viewing
-----------------------------------------------------------------*/

.p-page-viewing {
}

/*  07_00_00 cast - index
-----------------------------------------------------------------*/

.p-page-cast {
}

/*  07_00_01~ cast - profile
-----------------------------------------------------------------*/

.p-page-cast-profile {
}


/*  .p-page-invitation
-----------------------------------------------------------------*/

.p-page-invitation .p-invitation {
   margin-top: 15px;
   margin-top: 1.5rem;
}
.p-page-invitation .p-invitation__tel {
   border: none;
}
.p-page-invitation .p-invitation__tel__inner {
   padding: 0;
}
.p-page-invitation .p-invitation__tel__num {
   font-size: 36px;
   font-size: 3.6rem;
}
.p-page-invitation .c-icon--freedial--large::after {
   width: 55px;
   height: 32px;
   width: 5.5rem;
   height: 3.2rem;
   background-size: 55px 32px;
   background-size: 5.5rem 3.2rem;
}
.p-page-invitation .c-icon--freedial--large {
   padding-left: 70px;
   padding-left: 7rem;
}
.p-page-invitation .p-invitation__tel__txt {
   padding-top: 1em;
}
@media (max-width: 767px) {
   .p-page-invitation .p-invitation__tel {
      margin-top: 0;
   }
   .p-page-invitation .p-invitation__tel__num {
		font-size: 24px;
		font-size: 2.4rem;
	}
   .p-page-invitation .c-icon--freedial--large:after {
		width: 36px;
		height: 20px;
		width: 3.6rem;
		height: 2.0rem;
		background-size: 36px 20px;
		background-size: 3.6rem 2.0rem;
	}
   .p-page-invitation .c-icon--freedial--large {
		padding-left: 40px;
		padding-left: 4.0rem;
	}
   .p-page-invitation .p-invitation__tel__txt {
      padding-top: .5em;
   }
}



.p-page-invitation .p-form__submit .c-button  {
   /*background: #00acec;
	background: rgb(0,183,238);
	background: linear-gradient(to right, #00b7ee 0%,#00a0e9 100%);
	background: -moz-linear-gradient(left, #00b7ee 0%, #00a0e9 100%);
	background: -webkit-linear-gradient(left, #00b7ee 0%,#00a0e9 50%,#00a0e9 51%,#00b7ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ee', endColorstr='#00a0e9',GradientType=1 );
	background-size: 200% 200%;
	background-position:0% 50%;*/


   background: #ec6d2f;
	background: linear-gradient(to right, #f1883b 0%,#ec6e2f 100%);
	background: -moz-linear-gradient(left, #f1883b 0%, #ec6e2f 100%);
	background: -webkit-linear-gradient(left, #f1883b 0%,#ec6e2f 50%,#ec6e2f 51%,#f1883b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1883b', endColorstr='#ec6e2f',GradientType=1 );
   background-size: 200% 200%;
	background-position:0% 50%;
}
.p-page-invitation .p-form__submit .c-button:hover {
   text-decoration: none;
	background-position:100% 50%;
}

.tab-001 {
    display: flex;
    flex-wrap: wrap;
}

.tab-001 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #535353;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-001 > label:hover {
    opacity: .8;
}

.tab-001 input {
    display: none;
}

.tab-001 > ul {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
}

.tab-001 label:has(:checked) {
    background-color: #fff;
    border-color: #0095ff #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #333333;
}

.tab-001 label:has(:checked) + ul {
    display: block;
}

.brimage_box {
	display:flex;
	justify-content: space-around;
	margin: 2px 0;
}

.brimage_box img {
	width:48%;
}