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

	Date: 2025-10-06
	CSS Document ： フェリシモ手帳の文具2026
 
=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
#footercontent .fsc_gfooter__breadcrumb {
		display: none;
}
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
/*------------------------------------

基本（スマホ）

------------------------------------*/
.pc_ff {
	display: block;
}
.sp_ff {
		display: none;
}
@media (max-width: 768px) {
		.pc_ff {
				display: none !important;
		}
		.sp_ff {
				display: block;
		}
}
#wrapper img {
	height: auto;
}
/*------------------------------------

共通

------------------------------------*/
#category_wrap_ff {
		overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: 'palt'1;
		line-height: 1.8;
		letter-spacing: 0.1em;
		font-size: 120%;
}
#category_wrap_ff.show {
}
#category_wrap_ff a {
		transition: all 0.3s;
}
.ashirai-wrap {
		top: 13%;
		left: 77%;
}
.ashirai-wrap .ashirai {
		position: absolute;
}
@media (hover: hover) {
		#category_wrap_ff a:hover {
				opacity: 0.7;
		}
}
/*------------------------------------

メインタイトル

------------------------------------*/
#ttl-area {
		margin: 1em 0 0;
	opacity: 0;
}
#ttl-area .titlearea-inner {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		max-width: 1060px;
		margin: 0 auto;
}
#ttl-area .ttl-image {
	width: 100%;
}
/* #ttl-area .ttl-ribbon {
	position: absolute;
	top: 4%;
	left: 18%;
	opacity: 0;
	width: 9%;
} */
#ttl-area .ttl-text {
	position: absolute;
	top: 3%;
	left: 25%;
	opacity: 0;
	width: 50%;
}
#ttl-area .ttl-icon {
	position: absolute;
	top: 10%;
	left: 75.9%;
	opacity: 0;
	width: 20%;
}
#ttl-area .ashirai01 {
	top: 2.8%;
	right: 11.4%;
	opacity: 0;
	width: 17.7%;
}
#ttl-area .ashirai02 {
	position: absolute;
	top: 6.6%;
	left: 16.7%;
	opacity: 0;
	width: 8.5%;
}
.show #ttl-area {		animation: fadeIn 1s forwards 1s;}
.show #ttl-area .ttl-ribbon {
		animation: fade-simple 1s forwards 2.5s;
}
.show #ttl-area .ttl-text{
		animation: fadeIn 0.7s forwards 2.0s;
}
.show #ttl-area .ttl-icon {
	animation: fadeIn 0.7s forwards 2.9s;
}
.show #ttl-area .ashirai01 {
		animation: fade-simple 1s forwards 2.5s;
}
.show #ttl-area .ashirai02 {
		animation: fade-simple 1s forwards 2.5s;
}
/*------------------------------------

リード

------------------------------------*/
#lead {opacity: 0;font-family: "A1 Gothic R";}
.show #lead {		animation: fadeIn 1s forwards 1s;}
#lead p {
		text-align: center;
		margin: 2.3em 1em 5em;
		line-height: 2.1;
}
#lead p a {
		text-decoration: underline;
		color: #448fcc;
}
/* ルビ */
[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;
}
/*------------------------------------

見出し

------------------------------------*/
.main-ttl-wrap {
		background: #fff697;
		padding: 0.2em 0;
		text-align: center;
}
.main-ttl-wrap .main-ttl-inner {
		max-width: 920px;
		margin: 0 auto;
		position: relative;
}
.main-ttl-wrap .main-ttl {
}
.main-ttl-wrap .main-ttl img {}
.main-ttl-wrap .main-ttl span {}
/*------------------------------------

今年の新作

------------------------------------*/
#new_items {font-family: "A1 Gothic R";}
#new_items .tax_ff {
		color: #4c4c4c;
		font-size: 85%;
		text-align: right;
		display: block;
		max-width: 920px;
		margin: 0 auto 0.4em;
}
/* タイトル */
#new_items .main-ttl-wrap .main-ttl img {
	margin: 0.6em auto 0.2em;
}
#new_items .main-ttl-wrap .ashirai01 {
		top: 9%;
		left: 11%;
}
#new_items .main-ttl-wrap .ashirai02 {
		top: 10%;
		right: 13%;
}
.new-items-list {
		text-align: center;
		margin: 4.5em 0;
}
/* 商品 */
.item-box {
		margin: 2em 0 8em;
}
.item-box .main-box {}
.item-box .item-ttl-wrap {
		display: block;
}
.item-box .item-ttl {
	position: relative;
	display: inline-block;
	bottom: 1.8em;
}


.item-box .item-ttl h3 {
		margin: 0;
}

.item-box .item-ttl h3 img {}
.item-box .item-ttl .ashirai {}
.item-box .main-image {
		margin: -1.8em 0 1.5em;
}
/* もっとくわしく */
.check-wrap {
		background-color: #1e8857;
		border-radius: 0.8em;
		color: #FFF;
		position: relative;
		width: 17em;
		margin: 2em auto 3.5em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
		transition: all 0.3s;
		font-size: 122%;
		gap: 0.5em;
		box-shadow: 4px 5px 0 0 #d7f0d6;
}
.check-wrap .check-image {
		/* position: absolute; */
		/* top: -3em; */
		/* left: -3em; */
		margin: -2em 0 -2em -2em;
		width: 9.31em;
}
.check-wrap span.check-txt {
		font-family: "A1 Gothic M";
}
.check-wrap .check-icon {
		width: 3.6em;
		position: absolute;
		bottom: -0.6em;
		right: 0.2em;
}
.check-wrap::after {
		display: block;
		width: 0.5em;
		height: 100%;
		content: '';
		background-image: url(../images/btn_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.8em;
}
@media (hover: hover) {
		.check-wrap:hover {
				opacity: 0.7;
		}
}
/* コピー */
.item-box .item-copy {
		max-width: 600px;
		margin: 0 auto 2.0em;
		text-align: justify;
}
.item-box .item-copy .marker {
		background: linear-gradient(transparent 50%, #ffea6e 50%);
}
/*------------------------------------

個別

------------------------------------*/
#item01 {}
#item01 .ashirai01 {
	top: 43%;
	left: -16%;
}
#item01 .ashirai02 {
	top: 4%;
	right: -17%;
}
#item01 .main-image {
		margin-top: -3.7em;
}
#item01 .detail-btn {
		align-items:stretch;
		max-width: 700px;
}
#item02 {}
#item02 .ashirai01 {
	top: 69%;
	left: -22%;
}
#item02 .ashirai02 {
	top: 35%;
	right: -22%;
}

#item03 {}
#item03 .ashirai01 {
	top: 47%;
	left: -13%;
}
#item03 .ashirai02 {
	top: 51%;
	right: -21%;
}
#item03 .main-image {
	margin-top: -3.4em;
}
#item04 {}
#item04 .ashirai01 {
	top: 20%;
	left: -14%;
}
#item04 .ashirai02 {
	top: 17%;
	right: -15%;
}
#item04 .main-image {
		margin-top: -3.7em;
}
#item05 {}
#item05 .link-image {
	width: 200px;
}
#item05 .ashirai01 {
	top: 41%;
	left: -28%;
}
#item05 .ashirai02 {
	top: 20%;
	right: -25%;
}
#item05 .main-image {
		margin-top: -3.4em;
}
#item05 .detail-btn:not(:last-child) {
	border-bottom: 1px dotted #a3a2a2;
	margin-bottom: 1em;
	padding-bottom: 1.3em;
}
#item06 {}
#item06 .ashirai01 {
	top: 11%;
	left: -7%;
}
#item06 .ashirai02 {
	top: 55%;
	right: -12%;
}
#item06 .main-image {
		margin-top: -3.4em;
}

#item07 .main-image {
	margin-top: -3.4em;
}
#item07 .ashirai01 {
	top: 64%;
	left: -12%;
}
#item07 .ashirai02 {
	top: 10%;
	right: -11%;
}

#item08 .main-image {
	margin-top: -3.4em;
}
#item08 .ashirai01 {
	top: 20%;
	left: -13%;
}
#item08 .ashirai02 {
	top: 47%;
	right: -7%;
}

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

スケジュール帳

------------------------------------*/
#schedule {
		margin: 6em 0 5em;
}
#schedule .main-ttl-wrap {
		padding: 1em 0;
}
#schedule .main-ttl-wrap .main-ttl-inner {}
#schedule .main-ttl-wrap .main-ttl {
		text-align: center;
		font-size: 150%;
    line-height: 1.5;
		letter-spacing: 0.15em;
		font-family: "A1 Gothic M";

}
#schedule .main-ttl-wrap .main-ttl img {}
#schedule .main-ttl-wrap .main-ttl span {
	display: inline-block;
	background-image: linear-gradient(to right, #007361 5px, transparent 5px);
	background-size: 10px 3px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#schedule .main-ttl-wrap .ashirai01 {
	top: -1%;
	left: 3%;
}
#schedule .main-ttl-wrap .ashirai02 {
	top: 0%;
	right: 4%;
}
#schedule .item-box {
		max-width: 640px;
		margin: 0 auto;
}
#schedule .item-box:not(:last-child) {
		padding-bottom: 3em;
		border-bottom: 1px dotted #ccc;
		margin: 2em auto 2em;
}
#schedule .main_box {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto 1em;
		max-width: 640px;
}
#schedule .main_box img:nth-child(1) {}
#schedule .main_box img:nth-child(2) {}
#schedule .link_cover {
		text-align: center;
		margin: 2em 0 0;
		font-family: "A1 Gothic M";
		font-size: 115%;
}
#schedule .link_cover p {
	margin-bottom:0.5em;
}
#schedule .link_cover a {
	/* color: #FFF; */
	position: relative;
	background: #fff697;
	padding: 0.2em 2.5em;
	border: 1px solid #000;
	border-radius: 3em;
	display: inline-block;
	font-size: 100%;
	margin: 0 0.2em;
	transition: all 0.3s;
	text-decoration: none;
}
#schedule .link_cover a::after {
	display: block;
	width: 0.38em;
	height: 100%;
	content: '';
	background: url("../images/arrow.png") no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0.8em;
	transition: all 0.3s;
}
a:hover .spec_btn {
	background: #444;
}
a:hover .spec_btn::after {
	right: 0.9em;
	background-size: contain;
}


/* 個別 */
#log-box {}
#compact-box {}
#display-box {}
/*------------------------------------

スペック

------------------------------------*/
.detail-btn {
		width: 95%;
		max-width: 600px;
		position: relative;
		font-size: 85%;
		text-align: center;
		/* padding-bottom: 52px; */
		margin: 5px auto 0;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 1em;
}
.detail-btn > div {
		position: relative;
		padding-bottom: 2.8rem;
		/* min-height: 8.4rem; */
		display: block;
		line-height: 1.4;
		text-align: center;
}
.detail-btn a {
		margin: 0 1%;
		text-align: center;
		display: block;
		vertical-align: top;
		text-decoration: none !important;
}
.detail-btn > div::before {
		display: block;
		width: 100%;
		height: 1.6rem;
		content: '';
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
}
.detail-btn a::after, .detail-btn a::before, .detail-btn > div::after {
		display: block;
		width: 100%;
		height: 2.8rem;
		content: '';
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		transition: all 0.3s;
		position: absolute;
		bottom: 0;
		left: 0;
}
.detail-btn > div::after {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
}
.detail-btn .merry_ff::before {
		background-image: url(../images/btn_merry_ttl.svg);
}
.detail-btn .merry_ff a::after {
		background-image: url(../images/btn_merry.svg);
}
.detail-btn .merry_ff::after {
		background-image: url("../images/btn_merry_soldout.svg");
}
.detail-btn .buy_ff::before {
		background-image: url(../images/btn_buy_ttl.svg);
}
.detail-btn .buy_ff a::after {
		background-image: url(../images/btn_buy.svg);
}
.detail-btn .buy_ff::after {
		background-image: url("../images/btn_buy_soldout.svg");
}
.detail-btn .merry_ff a::before {
		background-image: url(../images/btn_merry_on.svg);
}
.detail-btn .buy_ff a::before {
		background-image: url(../images/btn_buy_on.svg);
}

.detail-btn span {
		font-weight: bold;
}
.detail-btn span.price {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		min-height: 3.3rem;
		margin: 0.5rem 0;
		vertical-align: baseline;
}
.num {
		font-size: 150%;
		font-family: Helvetica, "sans-serif";
		font-weight: bold;
		margin: 0 0.2em;
		vertical-align: baseline;
		letter-spacing: 0em;
}
.detail-btn .buy_ff .goukei .num {
		margin-left: 3px;
		font-size: 125%;
		line-height: 1.7;
}

.min_num {
		color: #4C4C4C;
		font-size: 75%;
		line-height: 1.2;
		margin-bottom: 6px;
		display: block;
}
.detail-btn .goukei {
		font-size: 80%;
		/* line-height: 0.1; */
		margin: 0 -0em;
		display: block;
		width: 100%;
}
.detail-btn .buy_ff .goukei {
		color: #4c4c4c;
}
.detail-btn .buy_ff .goukei.red {
	font-size: 100%;
	color: #E50012;
	margin-top: -0.7em;
	line-height: 0.4em;
}
.detail-btn .buy_ff .goukei.red .num {
font-size: 160%;}

.detail-btn .merry_ff {
		width: 56%;
		font-size: 120%;
}
.detail-btn .buy_ff {
		width: 39%;
		color: #000;
}
.merry_ff span {
		color: #E50012;
		font-family: Helvetica, "sans-serif";
		font-weight: bold;
		/* line-height: 2; */
}

@media (hover: hover) {
	#category_wrap_ff .detail-btn div a:hover::after {
				opacity: 0;
		}
		#category_wrap_ff .detail-btn a:hover {
				text-decoration: none;
				opacity: 1;
		}
}
/*------------------------------------

バナー

------------------------------------*/
.bnrArea_ff {
		display: block;
		/* max-width: 640px; */
		text-align: center;
		margin: 10px auto 20px;
		padding: 0;
		list-style: none;
}
.bnrArea_ff p.present-message {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		margin: 0 0 0.5em;
		font-size: 110%;
		font-family: "A1 Gothic M";
}
.bnrArea_ff p.present-message::before, .bnrArea_ff p.present-message::after {
		display: block;
		width: 1em;
		height: 1.4em;
		content: '';
		background-image: url(../images/fukidashi.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}
.bnrArea_ff p.present-message::after {
		transform: scale(-1, 1);
}
.bnrArea_ff li {
		/* display: inline-block; */
		margin: 5px 0 2em;
}
.bnrArea_ff li a {
		width: 100%;
}
.bnrArea_ff li img {
		/* width:100%; */
}
.bnrArea_ff li h3 {
		margin: -10px 10px -7px;
		padding: 0 18px;
		font-size: 170%;
		text-align: center;
		display: inline-block;
		letter-spacing: 3px;
		background: #FFF;
		font-weight: bold;
}
.cover_ff {
		text-align: center;
		padding: 40px 0 35px;
}
.cover_ff * {
		display: inline-block;
}
.cover_ff ul {
		display: block;
		margin: 0 auto;
		text-align: center;
}
.cover_ff ul li {
		margin: 20px 20px 0;
}
/*------------------------------------

モーダルボックス

------------------------------------*/
.modal {
		padding: 200px 0;
}
.inner {
		width: min(100%, 1120px);
		margin: 0 auto;
		padding: 0 20px;
}
/* モーダルを開くボタン */
.modal__trigger {
		cursor: pointer;
}
.modal__trigger:nth-child(n + 2) {
		margin-top: 60px;
}
/* モーダル本体 */
.modal__wrapper {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000000;
}
.modal__layer {
		height: 100%;
		background: rgba(50, 50, 50, .15);
		cursor: pointer;
}
.modal__container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: min(calc(100% - 40px), 640px);
		height: calc(100% - 40px);
		padding: 20px;
		background: #fff;
		text-align: center;
}
.modal__inner {
		position: relative;
		overflow-y: scroll;
		max-height: 100%;
		padding: 20px 20px;
}
/* モーダルを閉じるボタン */
.modal__close {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 2.0em;
		height: 2.0em;
		background: rgba(50, 50, 50, 1);
		cursor: pointer;
		transition: opacity .6s;
		border-radius: 50%;
		z-index: 1;
}
.modal__close:hover {
		opacity: .6;
}
.modal__close:before, .modal__close:after {
		position: absolute;
		top: 50%;
		left: 51%;
		width: 65%;
		height: 1px;
		background: #fff;
		content: '';
}
.modal__close:before {
		transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close:after {
		transform: translate(-50%, -50%) rotate(-45deg);
}
/* モーダル内のコンテンツ */
.modal__content {}
.modal-box {
		padding: 1.5em 0;
}
.modal-box .modal-img {
		max-width: 100%;
}
.modal-box p {
		margin: 0.5em 0;
		font-size: 127%;
}
/* 個別 */
.item05-modal .modal-box:nth-child(2) {
		border-bottom: 2px dotted #ccc;
}

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

SNSボタン

------------------------------------*/
#sns_ff ul {
		text-align: center;
		display: block;
		margin: 0 auto;
		padding: 0px 0 38px;
}
#sns_ff li {
		display: inline-block;
		margin: 0 5px;
		overflow: hidden;
}
#sns_ff li img {
		height: auto;
		width: 30px;
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		z-index: 9998;
}
.pageTop a {
		position: fixed;
		bottom: 22px;
		right: 26px;
		left: auto;
		display: block;
		width: 80px;
		height: 80px;
		padding-bottom: 10px;
		background-image: url("../images/pagetop.svg");
		background-size: 99%;
		z-index: 9998;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.3s;
}
@media (hover: hover) {
		.pageTop a:hover {
				bottom: 30px;
				opacity: 0.8;
		}
}
/*------------------------------------
 
アニメーション
 
 ------------------------------------*/
.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(0.8em);
				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;
		}
}


/*------------------------------------
 
SP
 
 ------------------------------------*/

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

共通

------------------------------------*/
#category_wrap_ff {font-size: 3.6vw;}

	#category_wrap_ff img {
		max-width:100%;
	}
#category_wrap_ff a { }
.ashirai-wrap { }
.ashirai-wrap .ashirai { }

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

メインタイトル

------------------------------------*/
#ttl-area { 
	margin: 0;
}
#ttl-area .titlearea-inner { }
#ttl-area .ttl-image {width: 100%;max-width: none;}
#ttl-area .ttl-text {
	width: 73%;
	left: 14.7%;
	top: 3%;
}
#ttl-area .ttl-icon {
	top: 66%;
	left: 62%;
	width: 34%;
}
#ttl-area .ashirai01 {
	top: 22%;
	right: -1%;
	width: 31%;
}
#ttl-area .ashirai02 {
	width: 12.6%;
	left: 3.5%;
	top: 6.5%;
}

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

リード

------------------------------------*/
#lead { }
#lead p {
	margin: 2.3em 1em 3em;
	line-height: 1.9;
 }
#lead p a { }
/* ルビ */
[data-ruby] { }
[data-ruby]::before { }
/*------------------------------------

見出し

------------------------------------*/
.main-ttl-wrap {
	padding: 1.2em 0 0.8em;
}
.main-ttl-wrap .main-ttl-inner { }
.main-ttl-wrap .main-ttl {margin-bottom: 0;}
.main-ttl-wrap .main-ttl img { }
.main-ttl-wrap .main-ttl span { }
/*------------------------------------

今年の新作

------------------------------------*/
#new_items { }
#new_items .tax_ff { }
/* タイトル */
#new_items .main-ttl-wrap .main-ttl img {
	width: 62vw;
	height: auto;
	margin: 0 auto;
}
#new_items .main-ttl-wrap .ashirai01 {
	width: 15vw;
	top: -52%;
	left: 0%;
}
#new_items .main-ttl-wrap .ashirai02 {
	width: 16vw;
	top: 18%;
	right: 1%;
}
.new-items-list { }
/* 商品 */
.item-box { }
.item-box .main-box {font-size: 81%;}
.item-box .item-ttl-wrap { }
.item-box .item-ttl {width: 90%;}
.item-box .item-ttl h3 { }
.item-box .item-ttl h3 img {
	width: 95%;
 }
.item-box .item-ttl .ashirai { }
#category_wrap_ff .item-box .main-image {
	max-width: none;
	width: 100%;
}
/* もっとくわしく */
.check-wrap {font-size: 100%;}
.check-wrap .check-image { }
.check-wrap span.check-txt { }
.check-wrap .check-icon { }
.check-wrap::after { }

/* コピー */
.item-box .item-copy {
	width: 85%;
	font-size: 95%;
	letter-spacing: 1.3px;
}
.item-box .item-copy .marker { }
/*------------------------------------

個別

------------------------------------*/
#item01 { }
#item01 .ashirai01 {
	top: -15%;
	left: -5%;
	width: 20%;
}
#item01 .ashirai02 {
	width: 23%;
	top: 32%;
	right: -12%;
}
#item01 .main-image { }
#item01 .link-image {width: 22vw;}
#item01 .detail-btn {
	gap: 0.3em;
}
#item01 .detail-btn:not(:last-child) { }

#item01 .detail-btn .merry_ff {
		width: 48%;
}
#item01 .detail-btn .buy_ff {
		width: 39%;
}
#item02 { }
#item02 .ashirai01 {
	top: 73%;
	left: -8%;
	width: 22%;
}
#item02 .ashirai02 {
	width: 20%;
	top: -4%;
	right: -11%;
}
#item03 { }
#item03 .ashirai01 {
	top: 44%;
	left: -8%;
	width: 20%;
}
#item03 .ashirai02 { 
	width: 25%;
        top: 50%;
        right: -9%;
}
#item03 .main-image { }
#item04 { }
#item04 .ashirai01 {
	top: -17%;
	left: -4%;
	width: 18%;
}
#item04 .ashirai02 {
	width: 17%;
	top: 21%;
	right: -11%;
}
#item04 .main-image { }

#item05 { }
#item05 .ashirai01 {
	top: 55%;
	left: -11%;
	width: 27%;
}
#item05 .ashirai02 {
	width: 20%;
	top: 1%;
	right: -12%;
}
#item05 .main-image { }
/* item05 大きい手帳・小さい手帳 */
#item05 .link-image {
	width: 22vw;
}
#item05 .detail-btn .merry_ff {
	width: 48%;
}
#item05 .detail-btn .buy_ff {
	width: 40%;
}
#item05 .detail-btn {
	align-items: center;
	gap: 0.3em;
}

#item06 { }
#item06 .ashirai01 {
	top: -1%;
	left: -4%;
	width: 19%;
}
#item06 .ashirai02 {
	width: 22%;
	top: 42%;
	right: -8%;
}
#item06 .main-image { }
#item07 .ashirai01 {
	top: 61%;
	left: -1%;
	width: 25%;
}
#item07 .ashirai02 {
	top: 10%;
	right: -4%;
	width: 25%;
}
#item08 .ashirai01 {
	width: 30%;
	top: 19%;
	left: -8%;
}
#item08 .ashirai02 {
	width: 25%;
	top: 39%;
	right: -6%;
}


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

スケジュール帳

------------------------------------*/
#schedule { }
#schedule .main-ttl-wrap { }
#schedule .main-ttl-wrap .main-ttl-inner { }
#schedule .main-ttl-wrap .main-ttl {
	font-size: 4.2vw;
}
#schedule .main-ttl-wrap .main-ttl img { }
#schedule .main-ttl-wrap .main-ttl span {
	display: inline-block;
	background-image: linear-gradient(to right, #007361 5px, transparent 5px);
	background-size: 8px 2.3px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#schedule .main-ttl-wrap .ashirai01 {
	top: 5%;
	left: -6%;
	width: 24%;
}
#schedule .main-ttl-wrap .ashirai02 {
	width: 24%;
	top: -10%;
	right: -5%;
}
#schedule .item-box { }
#schedule .item-box:not(:last-child) { }
#schedule .main_box {
	width: 95%;
}
#schedule .main_box img:nth-child(1) {width: 38%;margin-bottom: -1em;}
#schedule .main_box img:nth-child(2) {width: 61%;}
#schedule .link_cover { }
#schedule .link_cover a {font-size: 81%;}
/* 個別 */
#log-box { }
#compact-box { }
#display-box { }
	#display-box .main_box img:nth-child(1) {width: 38%;margin-bottom: 0em;}
/*------------------------------------

スペック

------------------------------------*/
.detail-btn { }
.detail-btn > div {padding-bottom: 1.9rem;}
.detail-btn a { }
.detail-btn > div::before { }
.detail-btn a::after, .detail-btn a::before, .detail-btn > div::after {/* width: 30vw; */height: 1.9rem;margin: 0 auto;}
.detail-btn > div::after { }
.detail-btn .merry_ff::before { }
.detail-btn .merry_ff a::after { }
.detail-btn .merry_ff::after { }
.detail-btn .buy_ff::before { }
.detail-btn .buy_ff a::after { }
.detail-btn .buy_ff::after { }
.detail-btn .merry_ff a::before { }
.detail-btn .buy_ff a::before { }

.detail-btn span { }
.detail-btn span.price {min-height: 8vw;}
.num { }
.detail-btn .buy_ff .goukei .num { }
.min_num { }
.detail-btn .goukei { }
.detail-btn .buy_ff .goukei { }
.detail-btn .merry_ff { }
.detail-btn .buy_ff { }
.merry_ff span { }

.detail-btn .buy_ff .goukei.red {
	font-size: 100%;
	color: #E50012;
	margin-top: 0.5em;
	line-height: 0.4em;
}
/*------------------------------------

バナー

------------------------------------*/
.bnrArea_ff {width: 90%;}
.bnrArea_ff p.present-message {font-size: 96%;}
.bnrArea_ff p.present-message::before, .bnrArea_ff p.present-message::after { }
.bnrArea_ff p.present-message::after { }
.bnrArea_ff li { }
.bnrArea_ff li a { }
.bnrArea_ff li img { }
.bnrArea_ff li h3 { }
.cover_ff { }
.cover_ff * { }
.cover_ff ul { }
.cover_ff ul li { }
/*------------------------------------

モーダルボックス

------------------------------------*/
.modal { }
.inner { }
/* モーダルを開くボタン */
.modal__trigger { }
.modal__trigger:nth-child(n + 2) { }
/* モーダル本体 */
.modal__wrapper { }
.modal__layer { }
.modal__container {padding: 0;}
.modal__inner {padding: 0px 20px;}
/* モーダルを閉じるボタン */
.modal__close {top: 3vw;right: 3vw;}
.modal__close:hover { }
.modal__close:before, .modal__close:after { }
.modal__close:before { }
.modal__close:after { }
/* モーダル内のコンテンツ */
.modal__content { }
.modal-box { }
.modal-box .modal-img { }
.modal-box p {font-size: 85%;}
/* 個別 */
.item01-modal .modal-box:not(:nth-child(3)) { }
/*------------------------------------

SNSボタン

------------------------------------*/
#sns_ff ul { }
#sns_ff li { }
#sns_ff li img { }
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop { }
.pageTop a {width: 12vw;height: 12vw;bottom: 4vw;right: 4vw;}
	
}