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

	Date: 2025-09-17
	CSS Document ： フェリシモ手帳プレゼントキャンペーン

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
.fsc_gfooter__breadcrumb {
		margin-top: 0;
		position: relative;
}
#footercontent .fsc_gfooter__breadcrumb {
		display: none;
}
#footercontent {
		/* position: relative;
		z-index: 1; */
}
body .pc {
		display: block !important;
}
body .sp {
		display: none !important;
}
body.fixed-body{
overflow: hidden;
}
/*------------------------------------

ベース

------------------------------------*/
#outer-te {
		width: 100%;
		overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		opacity: 0;
}
#outer-te.load {
	animation: fade-simple 1s forwards 0.6s;
}
/* 背景 */
#wrap-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;

}
#wrap-bg.fixed-stop {
		top: auto;
		bottom: 0;
		position: absolute;
}
#wrapper {
	width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    line-height: 2.1;
    letter-spacing: 0.1em;
		font-size: 105%;
}
#wrapper img {
		max-width: 100%;
		height: auto;
}
#wrapper-inner {
	background: #fef6ed;
	padding: 4.5em 0 4.5em;
	width: 94%;
	margin: 0 auto;
	max-width: 1000px;
}
#wrapper-contents {font-family: "A1 Gothic R", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;}
@media (hover: hover) {
		#wrapper a {
				transition: all .3s;
		}
		#wrapper a:hover {
				text-decoration: none;
				opacity: .7;
		}
}

/*------------------------------------

ローディング

------------------------------------*/
#loading-screen {
  position: fixed;
  inset: 0;
  background: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s ease;
}
#loading-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}

#loading-box {display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


#loading-box picture {
	    position: absolute;
	    top: 0;
	    left: auto;
	    /* width: 2000px; */
	    height: auto;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    /* display: block; */
	    width: 100%;
	    height: 100%;
	    }
#loading-box picture img {/* display: block; *//* margin: 0; */height: 100%;width: auto;}

#loading-box .loading-logo {max-width: 280px;width: 30vh;
animation: fade-simple 1s both 0.4s;
}

#loading-box .loading-image01 {
    animation: fadeIn 1s both 0.7s;
}

#loading-box .loading-image02 {
    animation: fadeIn 1s both 0.5s;
}

@media (max-width: 768px) {
#loading-screen {
}
#loading-screen.fade-out {
}
#loading-box {}
#loading-box picture {
}
#loading-box picture img {
    width: 100%;
    height: auto;
}

#loading-box .loading-logo {
    width: 32vw;
}

#loading-box .loading-image01 {
}

#loading-box .loading-image02 {
} 
}

/*------------------------------------

ヘッダー

------------------------------------*/
#headerbox {
	background: #FFF;
}
#headerbox h1 {
	font-size: 70%;
	text-align: left;
	padding: 0.9em 0;
	margin: 0;
	width: 94%;
	margin: 0 auto;
	max-width: 1170px;
}
/*------------------------------------

タイトル

------------------------------------*/
#title {
	position: relative;
}
#title picture {display: flex;
justify-content: center;
align-items: center;}
#title .ttl-bg {
	width: 2000px;
	max-width: none;
}
#title #title-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#title #title-box {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

#title .ttl-text {
	position: absolute;
	top: 0%;
	left: -4%;
width: 693px;
}
@media (max-width: 1250px) {
#title .ttl-text {
	left: 0%;
}
}

#title .ttl-point {
	width: 20.1%;
	max-width: 225px;
	top: 74%;
	right: 3%;
	position: absolute;
}
.ashirai {
	position: absolute;
}
#title .ashirai {
	opacity: 0;
}
#title .pre-ashirai01 {
	top: 4%;
	right: -10%;
	width: 22.6%;
}
#title .pre-ashirai02 {
	width: 10.0%;
	top: 17%;
	right: 13%;
}
#title .pre-ashirai03 {
	width: 5.3%;
	top: 51%;
	left: -2%;
}
#title .pre-ashirai04 {
	width: 17%;
	top: 62%;
	left: -13%;
}
.load #title .pre-ashirai01 {
	animation: fadeIn 1s forwards 2.5s;
}
.load #title .pre-ashirai02 {
	animation: fadeIn 1s forwards 2.5s;
}
/* 
.load #title .pre-ashirai03 {
	animation: fadeIn 1s forwards 2.5s;
}
.load #title .pre-ashirai04 {
	animation: fadeIn 1s forwards 2.5s;
} */
/*------------------------------------

リード

------------------------------------*/
#lead {
	margin: 0 0 2.8em;
}
#lead .c-ttl {
font-size:115%;
margin:0 0 0.8em;
}

#lead p {
	width: 65%;
	text-align: justify;
	margin: 0 auto;
}
#lead .c-ttl {
	color: #8b3745;
}
/*------------------------------------

メイン

------------------------------------*/
.main-contents {
	position: relative;
}
.main-contents > p {line-height:1.7;}
.main-contents p {}
.orange-txt{color:#ed7457;}

/* ルビ */
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -1.6em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.5em;
	white-space: nowrap;
}
/*------------------------------------

見出し

------------------------------------*/
.c-ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
	margin: 0 0 1.4em;
	position: relative;
}

.c-ttl h2 {
	font-family: "A1 Gothic M", "游ゴシック", "Yu Gothic", "YuGothic";
	font-size: 185%;
	font-weight: bold;
}
.c-ttl img {}
.c-ttl .ashirai01 {}
.c-ttl .ashirai02 {}

/*------------------------------------

キャンペーン

------------------------------------*/
#campaign {
	background-image: url(../images/campain_bk.png) ;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
		max-width: 910px;
	margin: 0 auto 7em;
	width: 92%;
}
#campaign .ashirai01 {
	position: absolute;
	top: -3.4%;
	left: -6%;
}
#campaign .ashirai02 {
	position: absolute;
	top: -3%;
	right: -7%;
}

#campaign picture {
}

#campaign picture source {
}

#campaign picture img {
}
.campain_ttl p {
	color: #9d814f;
	font-size: 130%;
	padding-top: 2em;
	margin-bottom: 0;
	font-weight: bold;
}
.campaim_wrap {
	width: 85%;
	margin: 0 auto;
}
/* キャンペーン01 */
.ca01_wrap {
	margin: 1em auto 2em;
	border-bottom: 1px solid #d8cdb9;
    display: inline-block;
}
.ca01_wrap .ca01_flex, .ca02_wrap .ca02_flex {
	display: flex;
	justify-content: center;
	gap: 1em;
	align-items: center;
	padding: 1em 0em
}
.ca01_flex01 p {
	text-align: left;
	font-size: 70%;
	line-height: 1.5em;
	letter-spacing: 0.9px;
	margin: 0.5em auto;
	width: 92%;
}
.flex_box {
	width: 50%;
}
#campaign p span {
	color: #9d814f;
}
.ca01_flex02 p.sub_text {
	font-family: "A1 Gothic M";
	font-size: 81%;
	line-height: 1.7em;
	letter-spacing: 2.5px;
	margin-bottom: 0.8em;
}
.ca01_flex02 span.text_big {
font-size: 150%;
}
.ca01_flex02 {
	margin-top: -3em;
}
.ca01_flex02 p.main_text {
	font-size: 150%;
	font-weight: bold;
	font-size: 180%;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: 2.4px;
}
.ca01_flex02 p.main_text span.min_text {
	font-size: 80%;
}

/* jump_btn */
#campaign .jump_btn {
	font-size: 90%;
	padding: 0.4em 2.8em;
}
#campaign .jump_btn {
	color: #333333;
	font-weight: bold;
	position: relative;
	background: #FFF;
	border: 1px solid #666666;
	display: inline-block;
	font-size: 90%;
	padding: 0.4em 2.8em;
	transition: all 0.3s;
	cursor: pointer;
	box-shadow: 3px 3px 0px #666666;
	font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
.jump_btn::after {
	display: block;
	width: 1em;
	height: 100%;
	content: '';
	background: url(../images/under_arrow.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 1.1em;
	transition: all 0.3s;
}
.jump_btn:hover {
	background: #fefae6;
}
/* .jump_btn:hover::after {
	bottom: 0.9em;
	background-size: contain;
} */


/* キャンペーン02 */

.ca02_flex .ca02_flex01 {
	position: relative;
}
.ca02_flex .ca02_flex01::after {
	content: '';
	display: inline-block;
	background: url(../images/line_dotted.png);
	width: 5px;
	height: 16em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 2%;
}
.ca02_wrap p.sub_text {
	font-family: "A1 Gothic M";
	font-size: 81%;
	line-height: 1.7em;
	letter-spacing: 2.5px;
	margin-bottom: 0.4em;
}
.ca02_wrap p span.main_text {
	font-size: 150%;
	font-weight: bold;
	font-size: 160%;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: 2.4px;
}
.ca02_wrap p.main_text01 {
	font-family: "A1 Gothic M";
font-size: 120%;
margin-bottom: 0em;
}
#campaign .atten-btn02 {
	font-size: 90%;
	padding: 0.4em 2.8em;
color: #333333;
font-weight: bold;
position: relative;
background: #FFF;
border: 1px solid #666666;
display: inline-block;
transition: all 0.3s;
cursor: pointer;
box-shadow: 3px 3px 0px #666666;
font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}

#campaign .atten-btn02::after {
display: block;
width: 0.5em;
height: 100%;
content: '';
background: url("../images/atten_arrow.png") no-repeat center;
background-size: contain;
position: absolute;
top: 0;
right: 1.2em;
transition: all 0.3s;
}
#campaign .atten-btn02:hover {
background: #fefae6;
}
#campaign .atten-btn02:hover::after {
right: 0.9em;
background-size: contain;
}
/* キャンペーン応募方法についてはこちら 中身 */
.detail-overlay02 {
display: none;
width: 100%;
height: 100%;
margin-left: 0;
padding: 0;
text-align: center;
position: fixed;
top: 0;
left: 0;
z-index: 209000;
background: rgba(0, 0, 0, 0.25);
}
.overlay-inner02 {
width: 80%;
max-width: 920px;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
position: relative;
}
.overlay-contents02 {
margin: 5vh auto;
vertical-align: middle;
background: #FFF;
max-height: 90vh;
overflow-y: scroll;
padding: 4em 6em;
position: relative;
text-align: justify;
line-height: 1.6;
font-size: 88%;
letter-spacing: 0.03em;
font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
.overlay-inner02::after {
display: block;
width: 1.5em;
height: 1.5em;
content: '';
background: url("../images/close.png") no-repeat center;
background-size: contain;
position: absolute;
top: 96px;
right: 2em;
z-index: 100;
cursor: pointer;
}
.overlay-contents02 p {}
.overlay-contents02 .midashi {
font-weight: bold;
font-size: 130%;
border-bottom: 2px solid #000;
}
.overlay-contents02 .indent-box {}
.overlay-contents02 .indent-box p {
margin: 0;
text-indent: -1em;
padding-left: 1em;
line-height: 1.8;
}
.overlay-contents02 .indent-box p.campaign_num {
text-align: right;
}


/*------------------------------------

ニュース

------------------------------------*/
#news {}
#news .c-ttl .ashirai01 {
	margin-top: -3.6em;
	margin-right: 0.5em
}#news .c-ttl .ashirai02 {
		margin-top: -0.8em;
}
#news .news-list {
		width: 80%;
		max-width: 750px;
		margin: 0 auto;
		border-top: 1px dotted #000;
		padding-top: 0.8em;
		font-size: 92%;
		font-weight: bold;
}
#news .news-list .news-box {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1em;
		line-height: 1.7;
		border-bottom: 1px dotted #000;
		margin: 0 0 0.8em;
		padding: 0 1.5em 0.8em;
}
#news .news-list .data {}
#news .news-list p {
		margin: 0;
		text-align: left;
}
/*------------------------------------

カテゴリナビ

------------------------------------*/
#contents {
		margin: 6em 0 8em;
}
#contents .c-ttl .ashirai01 {
		margin-top: -3.8em;
}
#contents .c-ttl .ashirai02 {
		margin-top: 0.8em;
}
#contents .nav-list {
		display: flex;
		justify-content: center;
		align-items: center;
		align-items: stretch;
		gap: 1.5%;
		width: 88%;
		margin: 0 auto;
		font-size: 103%;
		letter-spacing: 0;
		flex-wrap: wrap;
}
#contents .nav-list .nav-box {
		color: #ac9379;
		border: 3px solid #ac9379;
		display: block;
		background: #FFF;
		border-radius: 0.5em;
		font-weight: bold;
		line-height: 1.2;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 23%;
		padding: 0.8em 0.8em 1.1em;
		white-space: nowrap;
		font-family: "A1 Gothic M", "游ゴシック", "Yu Gothic", "YuGothic";
}
#contents .nav-list .nav-box:hover {
		background: #fff54f;
		opacity: 1;
}
#contents .nav-list .nav-box::after {
		display: block;
		width: 100%;
		height: 0.4em;
		content: '';
		background: url(../images/category_nav_arrow.png) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 7%;
		left: 0;
}
/*------------------------------------

2026年のフェリシモ手帳

------------------------------------*/
#c01 {
	margin: 7em 0 0;
}
#c01 .c-ttl {
	color: #673a1b;
	/* display: block; */
	/* margin-bottom: 0.6em; */
	align-items: flex-end;
}
#c01 .c-ttl .ashirai01 {
	position: absolute;
	top: 85%;
	left: 7%;
}
#c01 .c-ttl .ashirai02 {
		position: absolute;
		top: 64%;
		right: 7%;
}
#c01 .c-ttl h2 {
	font-family: "秀英角ゴシック銀 B";
	font-size: 268%;
	letter-spacing: 0.1em;
	/* width: 100%; */
	line-height: 1.5;
	display: block;
	/* margin: 0 auto; */
	margin-bottom: -0.7em;
	width: 13.4em;
}
#c01 .c-ttl .sub-ttl {
	font-family: "秀英角ゴシック銀 B";
	font-size: 158%;
}
#c01 .dash {
	letter-spacing: -0.05em;
}
.point-list {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 5%;
	margin: 3.0em 0 0;
}
.point-list .point-box {
	background: #FFF;
	border-radius: 2em;
	overflow: hidden;
	width: 40%;
	margin: 0 0 2em;
	padding: 2.7em 2em 1em;
	position: relative;
}
.point-list .point-box::before {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: url(../images/c01_point_bg.webp) no-repeat top;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.point-list .point-box h3 {
	color: #8b3745;
	font-weight: bold;
	font-size: 126%;
	position: relative;
	line-height: 1.4;
	font-family: "Shuei KakuGo Gin B";
}
.min-txt {
font-size:80%;
}

.point-list .point-box p {
	position: relative;
	text-align: justify;
	line-height: 1.7;
	font-size: 87%;
	letter-spacing: 0.05em;
}

#c01 .point-list .point-box.point04 img{
width:105%;
max-width:none;
margin:0 -5% 0 0;
}
/*------------------------------------

あしらい

------------------------------------*/
.main-contents .pre-ashirai01 {
	top: 23%;
	right: -4%;
	width: 7%;
}
.main-contents .pre-ashirai02 {
	top: 47%;
	left: -9%;
	width: 10.6%;
}
.main-contents .pre-ashirai03 {
	bottom: 12%;
	right: -5.5%;
	width: 13.8%;
}
.main-contents .pre-ashirai04 {
	top: 38%;
	right: -8%;
	width: 15%;
}
.main-contents .pre-ashirai05 {
	top: 81%;
	left: -5%;
	width: 9.6%;
}

/*------------------------------------

選べる3種からプレゼント！

------------------------------------*/
#select_nav {
		padding: 4em 0 6em;
}
#select_nav .c-ttl h2 {
		color: #673a1b;
		font-size: 250%;
}
#select_nav .c-ttl .ashirai01 {
		margin-top: -1em;
}
#select_nav .c-ttl .ashirai02 {
		margin-top: -1em;
}
#select_nav .nav-list {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4%;
}
#select_nav .nav-list .nav-box {
		background: #FFF;
		display: block;
		border-radius: 50%;
}
#select_nav .nav-list .nav-box:nth-child(1) {}
#select_nav .nav-list .nav-box:nth-child(2) {}
#select_nav .nav-list .nav-box:nth-child(3) {}
#select_nav .nav-list .nav-box:hover {
		opacity: 1;
}
#select_nav .nav-list .nav-box:nth-child(1):hover {
		background: #f6e5e7;
}
#select_nav .nav-list .nav-box:nth-child(2):hover {
		background: #e3ede4;
}
#select_nav .nav-list .nav-box:nth-child(3):hover {
		background: #e8e7f0;
}
/*------------------------------------

各手帳紹介

------------------------------------*/
#category-wrap {
		font-weight: bold;
}
/* 手帳タイトル */
.techo-ttl {
		color: #FFF;
		min-height: 165px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin: 0 0 3.5em;
		padding: 1em 0 1.2em;
}
.techo-ttl h3 {
		font-weight: bold;
		margin: 0.1em 0 0;
		font-family: "A1 Gothic M", "游ゴシック", "Yu Gothic", "YuGothic";
}
.techo-ttl h3 .sub-ttl {
		font-size: 76%;
		line-height: 1.3;
		display: block;
		margin: 0 0 0.3em;
}
.techo-ttl h3 .main-ttl {
		display: block;
		font-size: 112%;
}
.techo-ttl h3 .big-ttl {
		font-size: 164%;
}
.techo-ttl .techo-icon {
	position: absolute;
	top: 8%;
	right: 2em;
	width: 19%;
}
#category-wrap .main-contents {
		padding: 0 0 7em;
}
#category-wrap .slick-wrap {
		width: 90%;
		margin: 0 auto;
}
#category-wrap .slick-wrap .splide__track {
    overflow: inherit;
}
#category-wrap .slick-wrap .splide__slide {}
#category-wrap .slick-wrap img {}
#category-wrap p {
		line-height: 1.55;
		font-size: 122%;
		margin: 1em 0 0;
		font-family: "A1 Gothic M", "游ゴシック", "Yu Gothic", "YuGothic";
}
/* 個別 */
#log {
		background: #faf1f2;
}
#log .techo-ttl {
		background: #d17e89;
}
#log .techo-ttl h3 {
		margin-top: 0.5em;
}
#log .techo-ttl .ashirai01 {
	position: absolute;
	top: 24%;
	left: -7%;
}
#log .techo-ttl .ashirai02 {
	position: absolute;
	top: -29%;
	right: -9%;
}
#log p {
		color: #bc5e72;
}
#log .prev-arrow {
		background-image: url(../images/log_arrow_l.svg);
}
#log .next-arrow {
		background-image: url(../images/log_arrow_r.svg);
}
#log .slick-dots li.slick-active button:before {
		background: #bc5e72;
}
#compact {
		background: #f0f5f0;
}
#compact .techo-ttl {
		background: #73a67a;
}
#compact .techo-ttl .ashirai01 {
	position: absolute;
	top: 19%;
	left: -9%;
}
#compact .techo-ttl .ashirai02 {
	position: absolute;
	top: -18%;
	right: -11%;
}
#compact p {
		color: #55875a;
}
#compact .prev-arrow {
		background-image: url(../images/compact_arrow_l.svg);
}
#compact .next-arrow {
		background-image: url(../images/compact_arrow_r.svg);
}
#compact .slick-dots li.slick-active button:before {
		background: #55875a;
}
#category-wrap #note {
		background: #faf1f2;
		padding-bottom: 9em;
}
#note .techo-ttl {
		background: #8a87b4;
}
#note .techo-ttl .ashirai01 {
	position: absolute;
	top: 24%;
	left: -10%;
}
#note .techo-ttl .ashirai02 {
	position: absolute;
	top: -47%;
	right: -9%;
}
#note .techo-ttl .ashirai03 {
	position: absolute;
	top: 0%;
	left: 8%;
}
#note .techo-ttl h3 .big-ttl {
	font-size: 140%;
}

#note p {
		color: #555587;
}
#note .note_slide01 p span {
	color: #4d4d4d;
	font-size: 80%;
}
#note .prev-arrow {
		background-image: url(../images/display_arrow_l.svg);
}
#note .next-arrow {
		background-image: url(../images/display_arrow_r.svg);
}
#note .slick-dots li.slick-active button:before {
		background: #8a87b4;
}
/*------------------------------------

フェリシモ手帳を手に入れるには？

------------------------------------*/
#chart {
		margin: -5em 0 5em;
		padding-top: 5em;
}
#chart .c-ttl {
		background: #ac9379;
		color: #FFF;
		font-size: 110%;
		padding: 1.1em 0;
}
#chart .c-ttl h2 {
		margin: 0;
}
#chart .c-ttl .ashirai01 {
		position: absolute;
		bottom: 99%;
		left: auto;
}
#chart .chart01 {}
#chart .chart02 {}
#chart p.chart-txt {
		margin: 1em 0 1.5em;
		font-weight: bold;
		font-size: 110%;
		line-height: 1.8;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
#chart p.chart-txt .big-txt {
		font-size: 140%;
		display: block;
		line-height: 1.5;
		margin-bottom: 0.3em;
}
.techo-buy {
		width: 70%;
		margin: 0 auto;
		background: #FFF;
		padding: 2em 1em 2.5em;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 1em;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
.techo-buy p {
		font-size: 151%;
		display: block;
		font-weight: bold;
		line-height: 1.3;
		margin: 0;
}
.techo-buy .spec-btn {
		color: #FFF;
		position: relative;
		background: #000;
		padding: 0.4em 1.9em;
		/* border: 1px solid #000; */
		border-radius: 0.6em;
		display: inline-block;
		font-size: 127%;
		font-weight: bold;
		transition: all 0.3s;
}
.techo-buy .spec-btn::after {
		display: block;
		width: 0.5em;
		height: 100%;
		content: '';
		background: url("../images/bnr_arrow.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.7em;
		transition: all 0.3s;
}
.techo-buy .spec-btn:hover::after {
		right: 0.5em;
		background-size: contain;
}
.techo-buy a.spec-btn.buy {
		background: #e58e38;
}
.techo-buy .spec-btn.buy:hover {
		/* background: #d37d17; */
}
.techo-buy a.spec-btn.merry {
		background: #61a0d8;
}
.techo-buy .spec-btn.merry:hover {
		/* background: #507dc4; */
}
/*------------------------------------

お申し込み方法

------------------------------------*/
#entry {
		background: #ebebeb;
		padding: 3.8em 0 4.2em;
}
#entry .c-ttl {}
#entry .c-ttl h2 {
		font-size: 270%;
}
#entry .c-ttl .ashirai01 {
		margin-top: -2em;
}
#entry .c-ttl .ashirai02 {}
#entry .midashi-txt {
		font-size: 166%;
		display: block;
		font-weight: bold;
		line-height: 1.5;
		margin: 0;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
#entry .entry-box {
		width: 90%;
		margin: 2.3em auto 3.3em;
		background: #FFF;
		padding: 1.5em 1em 2.5em;
}
#entry .entry-box p {
		color: #df674e;
		font-weight: bold;
		font-size: 191%;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
#entry .entry-box img {}
#entry .entry-box img.entry01 {
		margin-bottom: 0.5em;
}
#entry .entry-box img.entry02 {}
.atten-btn {
		color: #333333;
		font-weight: bold;
		position: relative;
		background: #FFF;
		padding: 0.2em 2.9em;
		border: 1px solid #666666;
		display: inline-block;
		font-size: 150%;
		transition: all 0.3s;
		cursor: pointer;
		box-shadow: 3px 3px 0px #666666;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
.atten-btn::after {
		display: block;
		width: 0.5em;
		height: 100%;
		content: '';
		background: url("../images/atten_arrow.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1.2em;
		transition: all 0.3s;
}
.atten-btn:hover {
		background: #fefae6;
}
.atten-btn:hover::after {
		right: 0.9em;
		background-size: contain;
}
/* 注意事項中身 */
.detail-overlay {
		display: none;
		width: 100%;
		height: 100%;
		margin-left: 0;
		padding: 0;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 209000;
		background: rgba(0, 0, 0, 0.25);
}
.overlay-inner {
		width: 80%;
		max-width: 920px;
		display: flex;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
		position: relative;
}
.overlay-contents {
		margin: 5vh auto;
		vertical-align: middle;
		background: #FFF;
		max-height: 90vh;
		overflow-y: scroll;
		padding: 4em 6em;
		position: relative;
		text-align: justify;
		line-height: 1.6;
		font-size: 88%;
		letter-spacing: 0.03em;
		font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
.overlay-inner::after {
		display: block;
		width: 1.5em;
		height: 1.5em;
		content: '';
		background: url("../images/close.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 96px;
		right: 2em;
		z-index: 100;
		cursor: pointer;
}
.overlay-contents p {}
.overlay-contents .midashi {
		font-weight: bold;
		font-size: 130%;
		border-bottom: 2px solid #000;
}
.overlay-contents .red_te {
		color: #d62c66;
		font-weight: bold;
}
.overlay-contents .indent-box {}
.overlay-contents .indent-box p {
		margin: 0;
		text-indent: -1em;
		padding-left: 1em;
		line-height: 1.8;
}
.overlay-contents .indent-box p.campaign_num {
		text-align: right;
}
/*------------------------------------

#c02

------------------------------------*/
#c02 {
	margin: 3em 0 5em;
}
#c02 .c-ttl {
	align-items: flex-end;
	gap: 1.9em;
	margin-bottom: 0.8em;
}
#c02 .c-ttl h2 {
	font-family: "秀英角ゴシック銀 B";
	font-size: 246%;
	letter-spacing: 0.1em;
	color: #8b3745;
}
#c02 .c-ttl .ashirai01 {
	margin-bottom: 3em;
}
#c02 .c-ttl .ashirai02 {}
#c02 .c02-main {
	display: block;
	margin: 0 auto;
	max-width: 760px;
	width: 88%;
}
#c02 .c02-main div {
	position: relative;
}
#c02 .c02-main div img {}
#c02 .c02-main div.main01 {
	margin-bottom: 2.5em;
}
#c02 .c02-main div.main02 {}
#c02 .c02-main p.point {
	font-weight: bold;
	position: absolute;
	text-align: justify;
	line-height: 1.5;
	font-size: 95%;
}
.marker {
	background: linear-gradient(transparent 60%, #ffe552 60%);
}
#c02 .c02-main div.main01 .point01 {
	bottom: 0%;
	left: 6%;
	width: 38%;
}
#c02 .c02-main div.main01 .point02 {
	bottom: 3%;
	left: 58%;
	width: 38%;
}
#c02 .c02-main div.main02 .point01 {
	top: 4%;
	left: 35%;
	width: 38%;
}
#c02 .c02-main div.main02 .point02 {
	bottom: 2.5%;
	left: 74%;
	width: 30%;
}
/*------------------------------------

#c03

------------------------------------*/
#c03 {
	margin: 0 0 7em;
}
#c03 .c-ttl {
	gap: 1.5em;
	align-items: flex-end;
}
#c03 .c-ttl h2 {
	font-family: "秀英角ゴシック銀 B";
	color: #8b3745;

}
#c03 .c-ttl .ashirai01 {
	margin-right: 4em;
}
#c03 .c-ttl .ashirai02 {
	margin-bottom: 1em;
}
.c03-main {
	overflow: hidden;
	padding-bottom: 2.9em;
}
#c03 .splide {
	width: 50%;
	margin: 0 auto;
}
#c03 .splide__pagination {
	bottom: -1.9em;
}
#c03 .splide .splide__track {
	overflow: inherit;
}
#c03 .splide .splide__slide {}
#c03 .splide .splide__slide img {}
#c03 p.note {
	font-family: "A1 Gothic M", "游ゴシック", "Yu Gothic", "YuGothic";

}

/*------------------------------------

#recommend

------------------------------------*/
#recommend {
		margin: 0em auto 5em;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 4%;
		width: 90%;
}
#recommend a {
		width: 41%;
}
#recommend a img {}
/*------------------------------------

スライド ページネーション

------------------------------------*/
.splide__pagination {
		bottom: -2.2em;
		left: 0;
		padding: 0 1em;
		position: absolute;
		/* right: 0.5em; */
		z-index: 1;
		/* justify-content: flex-end; */
}
.splide__pagination__page {
		background: #d8d8d8;
		/* border: 1px solid #959596; */
		border-radius: 50%;
		display: inline-block;
		width: 0.7em;
		height: 0.7em;
		margin: 0 0.4em;
		opacity: 1;
		padding: 0;
		position: relative;
		transition: transform .2s linear;
}
.splide__pagination__page.is-active {
		background: #cd851e;
		transform: scale(1);
		z-index: 1
}
.splide__pagination__page:hover {
		cursor: pointer;
		opacity: .9
}
.splide__pagination__page:focus-visible {
		outline: none;
		outline-offset: none
}
.splide.is-focus-in .splide__pagination__page:focus {
		outline: none;
		outline-offset: none;
}
.splide *:focus {
		outline: none;
}
/* スライダー用 矢印 */
.splide__arrow {
		box-sizing: initial;
		width: 3em;
		height: 2.5em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
		top: 40%;
}
.splide__arrow img {
		width: 100%;
}
.splide__arrow--prev {
		left: -1.1em;
		padding-right: 2.5em;
}
.splide__arrow--next {
		right: -1.1em;
		padding-left: 2.5em;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		.staple-links_lv a:hover {
				opacity: .7;
		}
		.splide__arrow--prev:hover {
				left: -1.5em;
				padding-right: 2.5em;
		}
		.splide__arrow--next:hover {
				right: -1.5em;
				padding-left: 2.5em;
		}
}
/*------------------------------------
 
アニメーション
 
 ------------------------------------*/
.fade_te {
		opacity: 0;
}
.fade_te.on {
		animation: fadeIn 0.5s forwards 0s;
}
@keyframes fade-simple {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeIn {
		0% {
				transform: translateY(2em);
				opacity: 0;
		}
		100% {
				transform: translateY(0);
				opacity: 1;
		}
}
@keyframes fadeLeft {
		0% {
				transform: translateX(-15px);
				opacity: 0;
		}
		100% {
				transform: translateX(0);
				opacity: 1;
		}
}
@keyframes fadeRight {
		0% {
				transform: translateX(15px);
				opacity: 0;
		}
		100% {
				transform: translateX(0);
				opacity: 1;
		}
}
@media (max-width: 1000px) {
		#wrapper {
				font-size: 1.7vw;
		}
		.techo-ttl h3 {
				font-size: 3.2vw;
		}
		.techo-ttl .techo-icon {
				top: 40%;
		}
}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 980px) {

#campaign {
	background-image: url(../images/campain_bk.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: 120vw;
	max-width: 910px;
	margin: 0 auto 7em;
	width: 92%;
}
}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		body .pc {
				display: none !important;
		}
		body .sp {
				display: block !important;
		}
		/*------------------------------------

タイトルエリア

------------------------------------*/
		/* 背景 */
		#wrap-bg {
		}
		#wrapper {
				font-size: 3.4vw;
				width: 100%;
		}
		#wrapper img {}
		#wrapper-inner {
			width: 100%;
		}
		/*------------------------------------

ヘッダー

------------------------------------*/
		#headerbox {}
		#headerbox h1 {
				padding-left: 0.8em;
				background: #FFF;
		}
		/*------------------------------------

タイトル

------------------------------------*/
		#title {}
		#title .ttl-bg {
				max-width: none;
				width: 110%;
				margin: 0 -5%;
		}
		#title .ttl-text {
				width: 91.3%;
				left: 3%;
		}
		#title .ttl-point {
				width: 23.1%;
		}
		#title .pre-ashirai01 {
				top: -6%;
				right: -5%;
		}
		#title .pre-ashirai02 {
				top: 18%;
				right: -2%;
		}
		#title .pre-ashirai03 {
				left: -1%;
				top: 87%;
		}
		#title .pre-ashirai04 {
				left: -2%;
				top: 97%;
		}
		/*------------------------------------

リード

------------------------------------*/
#lead {}
#lead .c-ttl {
	font-size: 90%;
}
	#lead p {
			font-size: 98%;
			letter-spacing: 0.05em;
			width: 85%;
	}

	/*------------------------------------

メイン

------------------------------------*/
		.main-contents {}
		.main-contents p {}
		/* ルビ */
		[data-ruby] {}
		[data-ruby]::before {}
/*------------------------------------

見出し

------------------------------------*/
.c-ttl { }
.c-ttl h2 {font-size: 170%;}
.c-ttl img { }
.c-ttl .ashirai01 {width: 3.0em;}
.c-ttl .ashirai02 { width: 3.0em;}
	/*------------------------------------

ニュース

------------------------------------*/
#news { }
#news .c-ttl .ashirai01 { }
#news .c-ttl .ashirai02 { }
#news .news-list {width: 90%;}
#news .news-list .news-box {padding: 0 0.5em 0.8em;}
#news .news-list .data { }
#news .news-list p { }	
	/*------------------------------------

カテゴリナビ

------------------------------------*/
#contents {
    margin: 5em 0 0em;
}
#contents .c-ttl .ashirai01 { }
#contents .c-ttl .ashirai02 { }
#contents .nav-list {gap: 4%;}
#contents .nav-list .nav-box {width: 48%;margin-bottom: 3.5%;border-width: 2px;}
#contents .nav-list .nav-box::after { }
	/*------------------------------------

2大キャンペーン

------------------------------------*/
.campaim_wrap {
	width: 90%;
}
#campaign {
	background-image: url(../images/campain_bk_sp.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
	/* max-width: 910px; */
	margin: 0 auto 7em;
	width: 100%;
	font-size: 2.7vw;
}
#campaign .ashirai01 {
	position: absolute;
	top: -2.4%;
	left: -9%;
	width: 39vw;
}
#campaign .ashirai02 {
	position: absolute;
	top: -2%;
	right: -10%;
	width: 39vw;
}
.campain_ttl p {
	padding-top: 2.6em;
}
#campaign .campain_ttl img {
	width: 83%;
}
.ca01_wrap .ca01_flex {
	flex-direction: column;
	font-size: 3vw;
	padding: 0.5em 0
}
.campain_ttl_text {
	width: 40vw;
}
.flex_box {
	width: 90%;
}
.ca01_wrap {
	padding-bottom: 3em;
	margin: 0 auto 2.5em;
}
.ca01_flex02 {
	margin-top: 0;
}
.ca02_flex .ca02_flex01::after {
	content: '';
	display: block;
	background: url(../images/line_dotted.png);
	width: 2px;
	height: 75vw;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: rotate(90deg);
}
.ca02_flex .flex_box img {
	width: 100%;
}
.ca02_wrap .ca02_flex {
	flex-direction: column;
	font-size: 3vw;
	padding: 3vw 0;
		gap: 2em;
}
#campaign .atten-btn02 {
	font-size: 3vw;
	margin-top: 2vw;
}
/*------------------------------------

2026年のフェリシモ手帳

------------------------------------*/
#c01 {
	margin: 4.5em 0 0;
}
#c01 .c-ttl {}
#c01 .c-ttl .ashirai01 {
		width: 14%;
		top: 144%;
		left: 0%;
		z-index: 1;
}
#c01 .c-ttl .ashirai02 {
		width: 15%;
		top: -17%;
		right: 1%;
}
#c01 .c-ttl h2 {
		font-size: 203%;
}
#c01 .c-ttl .sub-ttl {
		font-size: 135%;
}
#c01 .dash {}
.point-list {}
.point-list .point-box {
		width: 85%;
}
.point-list .point-box::before {}
.point-list .point-box h3 {
font-size: 146%;
}
.point-list .point-box p {
		font-size: 98%;
}
#c01 .point-list {}
#c01 .point-list img {
		width: 100%;
}
#c01 .point-list .point01 img {
		width: 57%;
		margin-top: -0.8em;
}
/*------------------------------------

予告 あしらい

------------------------------------*/
.main-contents .pre-ashirai01 {
	top: 135vw;
	right: 0%;
	width: 17.5%;
}
.main-contents .pre-ashirai02 {
	top: 491vw;
	left: 1%;
	width: 16.2%;
}
.main-contents .pre-ashirai03 {
	top: 20%;
	right: -10%;
	display: none;
}
.main-contents .pre-ashirai04 {
	top: auto;
	right: 6%;
	bottom: -4%;
	width: 22.3%;
}
.main-contents .pre-ashirai05 {
	top: 60%;
	left: 2%;
	width: 17.9%;
}

/*------------------------------------

選べる3種からプレゼント！

------------------------------------*/
#select_nav {padding: 4em 0 4em;}
	#select_nav .c-ttl {margin-bottom:0.3em;}
#select_nav .c-ttl h2 {font-size: 195%;}
#select_nav .c-ttl .ashirai01 { }
#select_nav .c-ttl .ashirai02 { }
#select_nav .nav-list {width: 94%;margin: 0 auto;gap: 2%;}
#select_nav .nav-list .nav-box { }
#select_nav .nav-list .nav-box:nth-child(1) { }
#select_nav .nav-list .nav-box:nth-child(2) { }
#select_nav .nav-list .nav-box:nth-child(3) { }
/*------------------------------------

各手帳紹介

------------------------------------*/
#category-wrap { }
/* 手帳タイトル */
.techo-ttl {
	min-height: auto;
	padding: 1.3em 0 1.4em;
	margin: 0 0 4.0em;
}
.techo-ttl h3 {font-size: 5.2vw;}
.techo-ttl h3 .sub-ttl { }
.techo-ttl h3 .main-ttl { }
.techo-ttl h3 .big-ttl {
	font-size: 142%; 
}
#note .techo-ttl h3 .big-ttl {
	font-size: 130%;
}
.techo-ttl .techo-icon {top: 61%;right: 1%;width: 22.6%;}
#category-wrap .main-contents { }
#category-wrap .slick-wrap {width: 98%;}
#category-wrap .slick-wrap .splide__track { }
#category-wrap .slick-wrap .splide__slide { }
#category-wrap .slick-wrap img { }
#category-wrap p {font-size: 100%;}
/* 個別 */
#log { }
#log .techo-ttl { }
#log .techo-ttl h3 {
    margin-top: 0;
}
#log .techo-ttl h3 .sub-ttl {
    line-height: 1.8;
}
#log .techo-ttl .techo-icon {top: 66%;}
#log .techo-ttl .ashirai01 {
	top: 48%;
	left: -4%;
	width: 26%;
}
#log .techo-ttl .ashirai02 {
	top: -17%;
	right: -7%;
	width: 26%;
}
#log p { }
#log .splide__pagination__page.is-active { }
#compact { }
#compact .techo-ttl { }
#compact .techo-ttl .ashirai01 {
	top: 61%;
	left: 1%;
	width: 26%;
}
#compact .techo-ttl .ashirai02 {
	top: -19%;
	right: -13%;
	width: 29%;
}
#compact p { }
#compact .splide__pagination__page.is-active { }
#category-wrap #note { }
#note .techo-ttl { }
#note .techo-ttl .ashirai01 {
	top: 63%;
	left: -7%;
	width: 25%;
}
#note .techo-ttl .ashirai02 {
	top: -37%;
	right: -5%;
	width: 29%;
}
#note p { }
#note .splide__pagination__page.is-active { }
#note .techo-ttl .ashirai03 {
	position: absolute;
	top: 0%;
	left: -1%;
	width: 26%;
}
/*------------------------------------

フェリシモ手帳を手に入れるには？

------------------------------------*/
#chart { }
#chart .c-ttl { }
#chart .c-ttl h2 { }
#chart .c-ttl .ashirai01 {width: 28%;}
#chart .chart01 { }
#chart .chart02 {margin-left: 1%;}
#chart p.chart-txt { }
#chart p.chart-txt .big-txt { }
.techo-buy {width: 90%;}
.techo-buy p {font-size: 111%;}
.techo-buy .spec-btn {font-size: 93%;}
.techo-buy .spec-btn::after { }
.techo-buy a.spec-btn.buy { }
.techo-buy a.spec-btn.merry { }
/*------------------------------------

お申し込み方法

------------------------------------*/
#entry { }
#entry .c-ttl { }
#entry .c-ttl h2 {font-size: 215%;}
#entry .c-ttl .ashirai01 { }
#entry .c-ttl .ashirai02 { }
#entry .midashi-txt {font-size: 114%;}
#entry .entry-box { }
#entry .entry-box p {font-size: 153%;}
#entry .entry-box img { }
#entry .entry-box img.entry01 { }
#entry .entry-box img.entry02 { }
.atten-btn {font-size: 116%;}
.atten-btn::after { }
/* 注意事項中身 */
.detail-overlay { }
.overlay-inner {width: 90%;}
.overlay-contents {padding: 2em 2em;}
.overlay-inner::after {top: 14vw;right: 6vw;}
.overlay-contents p { }
.overlay-contents .midashi { }
.overlay-contents .red_te { }
.overlay-contents .indent-box { }
.overlay-contents .indent-box p { }
.overlay-contents .indent-box p.campaign_num { }
	
	
		/*------------------------------------

#c02

------------------------------------*/
#c02 {
	margin: 2em 0 12em;
}
#c02 .c-ttl {
	gap: 0;
}
#c02 .c-ttl h2 {
	font-size: 175%;
}
#c02 .c-ttl .ashirai01 {
	width: 5em;
	margin-left: -2.5em;
}
#c02 .c-ttl .ashirai02 {
	width: 5em;
	margin-right: -4em;
}
#c02 .c02-main {}
#c02 .c02-main div {
	display: flex;
	justify-content: center;
	align-items: center;
}
#c02 .c02-main div img {
	width: 114%;
	max-width: none;
}
#c02 .c02-main div.main01 {
	margin-bottom: 18vw;
}
#c02 .c02-main div.main02 {}
#c02 .c02-main p.point {
	font-size: 85%;
}
#c02 .c02-main p.point .marker {}
#c02 .c02-main div.main01 .point01 {
	bottom: -10%;
	left: 1%;
	width: 40%;
}
#c02 .c02-main div.main01 .point02 {
	bottom: -7%;
	left: 55%;
	width: 43%;
}
#c02 .c02-main div.main02 .point01 {
	top: -2%;
	left: 34%;
	width: 45%;
}
#c02 .c02-main div.main02 .point02 {
	bottom: -23.5%;
	left: 46%;
	width: 50%;
}
		/*------------------------------------

#c03

------------------------------------*/
#c03 {
	margin: 0 0 7em;
}
#c03 .c-ttl {}
#c03 .c-ttl h2 {}
#c03 .c-ttl .ashirai01 {
	width: 4em;
	position: absolute;
	top: -1vw;
	left: 1vw;
}
#c03 .c-ttl .ashirai02 {
	width: 5em;
	position: absolute;
	top: -1vw;
	right: 3vw;
}
.c03-main {}
#c03 .splide {
	width: 70%;
}
#c03 .splide__pagination {}
#c03 .splide .splide__track {}
#c03 .splide .splide__slide {}
#c03 .splide .splide__slide img {}
#c03 p.note {}

/*------------------------------------

#recommend

------------------------------------*/
#recommend { }
#recommend a {width: 48%;}
#recommend a img { }
	/*------------------------------------

スライド ページネーション

------------------------------------*/
.splide__pagination { }
.splide__pagination__page { }
.splide__pagination__page.is-active { }
.splide__pagination__page:focus-visible { }
.splide.is-focus-in .splide__pagination__page:focus { }
.splide *:focus { }
/* スライダー用 矢印 */
.splide__arrow {top: 32vw;width: 7vw;height: 2.5em;}
.splide__arrow img { }
.splide__arrow--prev { left: -0.2em;}
.splide__arrow--next {right: -0.2em;}

	
}

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

コンテンツアセット呼び出し
キャンペーンバナー

==================================*/
#campaign-footer-bnr {}
#campaign-footer-bnr .c-ttl {
		font-size: 90%;
		align-items: flex-end;
		margin: 0 0 1.0em;
}
#campaign-footer-bnr .c-ttl h2 {
		font-family: "秀英角ゴシック銀 B";
		color: #673a1b;
}
#campaign-footer-bnr .c-ttl::before, #campaign-footer-bnr .c-ttl::after {
		display: block;
		width: 2px;
		height: 4.4em;
		margin: 0 0.6em 0.5em;
		background: #673a1b;
		content: '';
		transform: rotate(-31deg);
}
#campaign-footer-bnr .c-ttl::after {
		transform: rotate(31deg);
}
#campaign-footer-bnr .campaign-footer-box {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4%;
		width: 90%;
		margin: 0 auto;
		flex-wrap: wrap;
}
#campaign-footer-bnr .campaign-footer-box a {
		width: 48%;
}
#campaign-footer-bnr .campaign-footer-box a img {}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		#campaign-footer-bnr {}
		#campaign-footer-bnr .c-ttl {
				font-size: 80%;
		}
		#campaign-footer-bnr .c-ttl::before, #campaign-footer-bnr .c-ttl::after {}
		#campaign-footer-bnr .c-ttl::after {}
		#campaign-footer-bnr .campaign-footer-box {
				width: 75%;
		}
		#campaign-footer-bnr .campaign-footer-box a {
				width: 100%;
				margin-bottom: 1.4em;
		}
		#campaign-footer-bnr .campaign-footer-box a img {}
}