@charset "utf-8";
.decoration_content{
	position: relative;
	margin: 5% 3% 5%;
    padding: 1% 0;
}
.decoration_content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/260731/decoration_waku.png) no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}
.decoration_content_inner {
    background: #fff;
    border-radius: 55px;
    padding: 3px 0 20px;
    margin: -5px 5px;
}
.summerarea{
    padding: 4% 5% 2%;
}
.autumnarea{
    padding: 2% 5% 3%;
}
.decoration_read{
	padding-bottom: 3%;
}
.xcp02_content {
    margin: 0 3% 5%;
    position: relative;
    padding: 1% 0;
}
.xcp02_content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/260731/xcp02_waku.png) no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}
.xcp02_content_inner {
    background: #fff;
    border-radius: 55px;
    padding: 3px 0 40px;
    margin: -5px 5px;
    position: relative;
}
.xcp02_ttl {
    width: 75%;
    margin: auto;
    padding: 30px 0 25px;
}
.xcp02_cont_area {
    margin-top: 5%;
}
.xcp02_cont02,.xcp02_cont05{
	margin-top: 3%;
}
.xcp02_follow_btn {
    width: 80%;
	margin: 3% auto;
}
.xcp02_cont03 {
    margin-bottom: 2%;
}
.xcp02_txt_btn {
    width: 80%;
	margin: 8% auto 3%;
	z-index: 2;
    position: relative;
}
.xcp02_back{
	position: absolute;
    bottom: 4%;
    margin: auto;
    width: 92%;
    right: 0;
    left: 0;
}
.uend{
    position:relative;
    margin: -1% 3% 8%;
    padding: 0;
}
.uend .uchiwapr_content{
	margin: 0% 0% 3%;
}
.uend::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 65px;
    z-index: 20;
}
.uend_text{
    position:absolute;
    top:10%;
    left:calc(55% - 90px);
    z-index:21;

    color:#fff;
    font-size:100px;
    font-weight:bold;
    writing-mode:vertical-rl;
    text-orientation:upright;
    letter-spacing:15px;
    line-height:1;
}
.uend_note{
    position:absolute;
    top:10%;
    left:calc(55% - 140px);
    z-index:21;

    writing-mode:vertical-rl;
    text-orientation:upright;

    color:#fff;
    font-size:27px;
    font-weight:bold;
    line-height:1.5;
    letter-spacing:2px;
}
.date{
    text-combine-upright:all;
    -webkit-text-combine:horizontal;
}
#xcp{
	margin-top: -2%;
}
@media screen and (max-width: 700px) {
.uend::after{
	border-radius: 55px;
}
.uend_text{
	left: calc(59% - 90px);
}
.uend_note{
	left: calc(59% - 140px);
}
}
@media screen and (max-width: 599px) {
.uend_text{
	font-size: 55px;
	left: calc(65% - 90px);
}
.uend_note{
	left: calc(65% - 130px);
	font-size: 20px;
}
}
@media screen and (max-width: 550px) {
.decoration_content_inner,.xcp02_content_inner{
	margin: -4px 4px;
	border-radius: 45px;
}
}
@media screen and (max-width: 500px) {
.decoration_content_inner,.xcp02_content_inner{
	border-radius: 40px;
}
.uend::after{
	border-radius: 35px;
}
}
@media screen and (max-width: 450px) {
.decoration_content_inner,.xcp02_content_inner{
	border-radius: 30px;
	margin: -3px 3px;
}
.xcp02_ttl{
	padding: 20px 0 20px;
}
.xcp02_content_inner {
	padding: 3px 0 20px;
}
.uend_text {
	left: calc(68% - 90px);
}
.uend_note {
	left: calc(68% - 130px);
}
}

@media screen and (max-width: 360px) {
.decoration_content_inner,.xcp02_content_inner{
	border-radius: 26px;
}
.uend::after{
	border-radius: 30px;
}
.uend_text {
	left: calc(70% - 90px);
}
.uend_note {
	left: calc(70% - 130px);
}
}
@media screen and (max-width: 345px) {
.uend_text {
	left: calc(72% - 90px);
}
.uend_note {
	left: calc(72% - 130px);
}
}