@charset "UTF-8";

.pc{display: block;}
.sp{display: none;}

main.gift{
background-color: #fff;
padding: 0 0 120px 0;
}
.is-gift{
background-color: #FFF0E3;
}
.is-gift .mv-under-title{
text-align: center;
}
.--g-lead{
padding-bottom: 100px;
}

.gift-mv-title {
color: #FF9588;
font-family: "utile-display", sans-serif;
font-size: 6rem;
letter-spacing: 0.1em;
line-height: 1.2;
padding: 0 0 0px 0;
text-align: center;
}
.gift-mv-title span {
color: #000;
display: block;
font-size: 2.4rem;
font-weight: 500;
margin-top: 25px;
}
.mv-gift{
width: 1000px;
margin: 0 auto;
}
.mv-gift img{
width: 100%;
height: auto;
}
.lead-gift{
text-align: center;
font-size: 2.4rem;
font-weight: 500;
}
.g-about{
background-color: #FF9588;
padding: 35px 0 50px;
color: #fff;
text-align: center;
}
.g-insert{
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.g-insert .ill{
width: 290px;
height: auto;
position: relative;
}
.g-insert .ill img{
width: 327px;
max-width: 327px;
height: auto;
}
.g-insert .ill.--l img{
position: absolute;
left: -40px;
}
.g-insert .ill.--r img{
position: absolute;
right: -40px;
}
.g-insert .box{
width: calc(100% - 580px);
padding: 30px 0 0 0;
}
.ttl-en{
font-family: "utile-display", sans-serif;
font-size: 3.6rem;
letter-spacing: 0.1em;
}
.g-insert .box h2{
font-size: 2.4rem;
line-height: 150%;
margin: 0 0 20px 0;
}
.gift-ttl span {
display: inline-block;
position: relative;
}
.gift-ttl span::before,
.gift-ttl span::after {
content: "";
position: absolute;
bottom: 2px;
width: 2px;
height: 45px;
background-color: #fff;
}

.gift-ttl span::before {
left: -50px;
transform: rotate(145deg);
}

.gift-ttl span::after {
right: -50px;
transform: rotate(-145deg);
}
.g-insert .box p{
letter-spacing: 0.05em;
}
.g-about-list{
padding: 120px 0;
}
.g-about-insert{
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap:50px 0;
}
.g-about-insert .itm{
width: 48%;
}
.g-about-insert .itm h3{
text-align: center;
font-size: 2.4rem;
color: #FF3651;
margin: 0 0 5px 0;
}
.g-about-insert .itm .tags{
display: flex;
justify-content: center;
gap:5px;
}
.g-about-insert .itm .tags span{
display: inline-block;
line-height: 1;
color: #fff;
background-color: #FF3651;
padding: 4px 10px;
border-radius: 100px;
}
.g-about-insert .itm .l-box{
display: flex;
justify-content: center;
padding: 20px 0;
position: relative;
box-sizing: border-box;
}
.l-box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 80px;
border-bottom: 2px solid #FF3651;
border-left: 2px solid #FF3651;
}
.l-box::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 80px;
border-bottom: 2px solid #FF3651;
border-right: 2px solid #FF3651; 
}
h3.--row02{
  height: 96px;
  line-height: 150%;
}
.gift-ticket--container{
	background-color: #FFF0E3;
	padding: 60px 0;
}
.gift-ticket--insert{
	width: 1100px;
	margin: 0 auto;
}
.gift-ticket--insert .ttl-en{
	text-align: center;
	font-size: 5.0rem;
	line-height: 1;
}
.gift-ticket--insert h2{
	text-align: center;
	font-weight: 600;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	margin: 10px 0 0 0;
}
.gift-ticket--insert hr{
	width: 70px;
	margin: 20px auto 40px;
}
.gift-ticket--insert p{
	text-align: center;
}
.gift-ticket--insert .flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 50px 0;
}
.gift-ticket--insert .flex .ticket{
	width: 49%;
}
.ticket h3{
	text-align: center;
	font-size: 2.2rem;
	background-color: #000;
	padding: 12px 0;
	color: #fff;
}
.ticket .inn{
	background-color: #fff;
	padding: 50px 50px 30px;
}
.ticket .inn p{
	text-align: left;
}
.ticket .inn .pic{
	text-align: center;
	margin: 0 0 30px 0;
}
.ticket .inn .pic img{
	height: 140px;
	width: auto;
}
.section-container.--gift {
    width: 1100px;
    max-width: 1100px;
}
.member-notice-contents-list p{
	margin: 20px 0 0 0;
}

main.gift section{
	padding-left: 5%;
	padding-right: 5%;
}

@media (max-width: 767px) {

.pc{display: none;}
.sp{display: block;}

.gift-mv-title {
    font-size: 3.8rem;
    letter-spacing: 0.07em;
}
.gift-mv-title span {
    font-size: 1.8rem;
    margin-top: 12px;
}
.mv-gift {
    width: auto;
    margin: 0 auto;
}
.mv-under {
    padding-top: 120px;
    padding-bottom: 10px;
}
.lead-gift {
    font-size: 1.6rem;
}
.--g-lead {
    padding-bottom: 50px;
}
.g-insert {
    width: auto;
}
.g-insert .ill{
	width: 50%;
	order: 1;
}
.g-insert .ill.--r{
	order: 2;
}
.g-insert .box {
    width: 100%;
    padding: 0px 0 0 0;
    order: 3;
}
.g-insert .ill img {
    width: 100%;
    max-width: 100%;
}
.g-insert .ill.--l img {
    position: relative;
    left: auto;
}
.g-insert .ill.--r img {
    position: relative;
    right: auto;
}
.g-insert .box h2 {
    font-size: 2.0rem;
}
.g-about-list {
    padding: 60px 0;
}
.g-about-insert {
    width: auto;
    gap: 30px 0;
}
.g-about-insert .itm {
    width: 100%;
}
.g-about-insert .itm h3 {
    font-size: 2.2rem;
}
.g-about-insert .itm .tags span {
	font-size: 1.2rem;
    padding: 4px 5px;
}
.g-about-insert .itm .l-box {
    padding: 20px 12px;
    font-size: 1.15rem;
    letter-spacing: 0;
}
.l-box::before {
    left: -5px;
}
.l-box::after {
    right: -5px;
}
h3.--row02 {
    height: auto;
    line-height: 150%;
}
.gift-ticket--insert {
    width: auto;
}
.gift-ticket--insert {
    width: auto;
    margin: 0 auto;
}
.gift-ticket--insert .ttl-en {
    font-size: 3.8rem;
}
.gift-ticket--insert h2 {
    font-size: 2.0rem;
    line-height: 150%;
    margin: 20px 0 0 0;
}
.gift-ticket--insert .flex {
    margin: 0 0 30px 0;
    gap:20px;
}
.gift-ticket--insert .flex .ticket {
    width: 100%;
}
.ticket h3 {
    font-size: 1.8rem;
    padding: 9px 0;
}
.ticket .inn {
    padding: 30px 20px 20px;
}
.ticket .inn .pic {
    margin: 0 0 20px 0;
}
.ticket .inn .pic img {
    height: auto;
    width: auto;
}
.gift-ticket--insert p {
    text-align: left;
}
.gift-ticket--insert p br{
	display: none;
}
.member-notice-contents{
    padding-left: 0%!important;
    padding-right: 0%!important;
}
main.gift {
    padding: 0 0 60px 0;
}

}