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

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

ベース

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

基本（スマホ）

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

共通

------------------------------------*/
#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: 115%;
}
#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 {}
#ttl-area .ttl-ribbon {
		position: absolute;
		top: 5%;
		left: 27%;
		opacity: 0;
		width: 49.6%;
}
#ttl-area .ttl-ribbon img{
	width:100%;
}
#ttl-area .ttl-text {
		position: absolute;
		top: 12.5%;
		left: 18%;
		opacity: 0;
		width: 65%;
}
#ttl-area .ttl-icon {
		position: absolute;
		top: 13%;
		left: 78%;
		opacity: 0;
		width: 19.1%;
}
#ttl-area .ashirai01 {
		top: 6%;
		left: -1%;
		opacity: 0;
}
#ttl-area .ashirai02 {
		top: 5%;
		left: 72%;
		opacity: 0;
}
#ttl-area .ashirai03 {
		top: 52%;
		left: -9%;
}
#ttl-area .ashirai04 {
		top: 66%;
		left: 98%;
}
.show #ttl-area {		animation: fadeIn 1s forwards 1s;}
.show #ttl-area .ttl-ribbon {
		animation: fade-simple 1s forwards 2.0s;
}
.show #ttl-area .ttl-text,.show #ttl-area .ttl-icon{
		animation: fadeIn 0.7s forwards 2.5s;
}
.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: #fff1c2;
		padding: 0.2em 0;
}
.main-ttl-wrap .main-ttl-inner {
		max-width: 920px;
		margin: 0 auto;
		position: relative;
}
.main-ttl-wrap .main-ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.8em;
		font-family: "A1 Gothic M";
		margin: 0;
}
.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: -1em 0 0.5em;
}
#new_items .main-ttl-wrap .ashirai01 {
		top: -31%;
		left: 9%;
}
#new_items .main-ttl-wrap .ashirai02 {
		top: 60%;
		right: 10%;
}
.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;
}
.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: #e67239;
		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 #dcdcdc;
}
.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: -14%;
		left: -11%;
}
#item01 .ashirai02 {
		top: 30%;
		right: -17%;
}
#item01 .main-image {
		margin-top: -3.7em;
}
#item01 .link-image {
		width: 200px;
}
#item01 .detail-btn {
		align-items: center;
		max-width: 700px;
}
#item01 .detail-btn:not(:last-child) {
		border-bottom: 1px dotted #a3a2a2;
		margin-bottom: 1em;
		padding-bottom: 1.3em;
}
#item02 {}
#item02 .ashirai01 {
		top: 58%;
		left: -29%;
}
#item02 .ashirai02 {
		top: -5%;
		right: -27%;
}
#item03 {}
#item03 .ashirai01 {
		top: -35%;
		left: -19%;
}
#item03 .ashirai02 {
		top: 63%;
		right: -23%;
}
#item03 .main-image {
		margin-top: -2.7em;
}
#item04 {}
#item04 .ashirai01 {
		top: -16%;
		left: -20%;
}
#item04 .ashirai02 {
		top: 6%;
		right: -32%;
}
#item04 .main-image {
		margin-top: -4.7em;
}
#item05 {}
#item05 .ashirai01 {
		top: -29%;
		left: -14%;
}
#item05 .ashirai02 {
		top: 70%;
		right: -14%;
}
#item05 .main-image {
		margin-top: -3.2em;
}
#item06 {}
#item06 .ashirai01 {
		top: -3%;
		left: -24%;
}
#item06 .ashirai02 {
		top: 50%;
		right: -28%;
}
#item06 .main-image {
		margin-top: -3.9em;
}
/*------------------------------------

スケジュール帳

------------------------------------*/
#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: 170%;
		line-height: 1.4;
		letter-spacing: 0.15em;
}
#schedule .main-ttl-wrap .main-ttl img {}
#schedule .main-ttl-wrap .main-ttl span {}
#schedule .main-ttl-wrap .ashirai01 {
		top: -7%;
		left: 1%;
}
#schedule .main-ttl-wrap .ashirai02 {
		top: -25%;
		right: 0%;
}
#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: #fff1c2;
	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 .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%;
}
/* 個別 */
.item01-modal .modal-box:not(:nth-child(3)) {
		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 { }
#ttl-area .titlearea-inner { }
#ttl-area .ttl-image {width: 160%;max-width: none;}
#ttl-area .ttl-ribbon {width: 90%;left: 5%;}
#ttl-area .ttl-text {width: 100%;left: 0%;top: 13.5%;}
#ttl-area .ttl-icon {top: 84%;left: 3%;width: 34%;}
#ttl-area .ashirai01 {top: -2%;left: -13%;width: 31%;}
#ttl-area .ashirai02 {top: 0%;left: 73%;width: 56%;}
#ttl-area .ashirai03 {display: none;}
#ttl-area .ashirai04 {top: 100%;left: 84%;width: 15%;}
/*------------------------------------

リード

------------------------------------*/
#lead { }
#lead p { }
#lead p a { }
/* ルビ */
[data-ruby] { }
[data-ruby]::before { }
/*------------------------------------

見出し

------------------------------------*/
.main-ttl-wrap {padding: 0.9em 0;}
.main-ttl-wrap .main-ttl-inner { }
.main-ttl-wrap .main-ttl {font-size: 152%;}
.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: 32vw;margin: -1.2em 0 0.0em;}
#new_items .main-ttl-wrap .ashirai01 {width: 22vw;top: -44%;left: -1%;}
#new_items .main-ttl-wrap .ashirai02 {width: 13vw;top: 98%;right: 3%;}
.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 { }
.item-box .item-ttl .ashirai { }
#category_wrap_ff .item-box .main-image {max-width: none;width: 120%;margin-left: -10%;}
/* もっとくわしく */
.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%;}
.item-box .item-copy .marker { }
/*------------------------------------

個別

------------------------------------*/
#item01 { }
#item01 .ashirai01 {top: -35%;left: -9%;width: 30%;}
#item01 .ashirai02 {width: 19%;top: 62%;right: -12%;}
#item01 .main-image { }
#item01 .link-image {width: 22vw;}
#item01 .detail-btn {align-items: flex-start;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: -46%;left: -8%;width: 22%;}
#item02 .ashirai02 {width: 24%;top: -36%;right: -14%;}
#item03 { }
#item03 .ashirai01 { top: -46%;left: -8%;width: 22%;}
#item03 .ashirai02 { width: 24%;top: -36%;right: -14%;}
#item03 .main-image { }
#item04 { }
#item04 .ashirai01 {top: -29%;left: -4%;width: 22%;}
#item04 .ashirai02 {width: 20%;top: -36%;right: -10%;}
#item04 .main-image { }
#item05 { }
#item05 .ashirai01 {top: -79%;left: -8%;width: 22%;}
#item05 .ashirai02 {width: 17%;top: -36%;right: -14%;}
#item05 .main-image { }
#item06 { }
#item06 .ashirai01 {top: -11%;left: -12%;width: 22%;}
#item06 .ashirai02 {width: 24%;top: 27%;right: -17%;}
#item06 .main-image { }
/*------------------------------------

スケジュール帳

------------------------------------*/
#schedule { }
#schedule .main-ttl-wrap { }
#schedule .main-ttl-wrap .main-ttl-inner { }
#schedule .main-ttl-wrap .main-ttl {font-size: 144%;}
#schedule .main-ttl-wrap .main-ttl img { }
#schedule .main-ttl-wrap .main-ttl span { }
#schedule .main-ttl-wrap .ashirai01 {top: -1%;left: -13%;width: 26%;}
#schedule .main-ttl-wrap .ashirai02 {width: 28%;top: -17%;right: -5%;}
#schedule .item-box { }
#schedule .item-box:not(:last-child) { }
#schedule .main_box { }
#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 { }


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

バナー

------------------------------------*/
.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;}
	
}