<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "Shift_JIS";

/* --------------------------------------------------------------------
fine_plus.css
--------------------------------------------------------------------- */
html {
    -webkit-font-smoothing: antialiased;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* article */
article#fine_plus {
	width: 1200px;
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 26px;
	margin: 20px auto 0;
}
a {
	color: #231815;
	text-decoration: none;
	opacity: 1;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a:hover {
	opacity: 0.5;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.container {
	width: 845px;
	margin: 0 auto;
}
article#fine_plus img{
	width: auto;
	height: auto;
	max-width: 100%;
}
hr {
	width: 100%;
	background-color: #94adda;
	border: none;
	margin: 0;
}
h1,
h2,
h3,
h4 {
	text-align: center;
}
.en {
	font-family: Helvetica, Arial, sans-serif;
}
.list-cover {
	background-color: #94adda;
	border-radius: 5px;
}
.list-cover li {
	background-color: #fff;
}

/* lead */
.lead {
	margin-bottom: 75px;
}
.lead hr {
	height: 30px;
}
.lead h1 + hr {
	margin-bottom: 80px;
}
article#fine_plus .lead h1 img {
	display: block;
	width: 100%;
}
.lead h2 {
	margin-bottom: 40px;
}
.lead p {
	width: 560px;
	text-align: center;
	margin: 0 auto;
}

/* sections */
section {
	margin-bottom: 85px;
}
section h3 {
	margin-bottom: -74px;
}
section h3 img {
	margin-left: -143px;
}

/* points */
#points .list-cover {
	padding: 120px 30px 100px;
}
#points .list-cover li {
	float: left;
}
#points .list-cover li:not(#point1) {
	width: 258px;
	height: 320px;
}
#points .list-cover li#point1 {
	width: 100%;
	margin-bottom: 45px;
	display: table;
}
#points .list-cover li#point1 .txt,
#points .list-cover li#point1 .pic {
	display: table-cell;
	vertical-align: top;
}
#points .list-cover li#point1 .txt p {
	width: 265px;
}
#points .list-cover li#point1 .pic {
	width: 435px;
	padding-top: 25px;
	padding-bottom: 45px;
}
#points .list-cover li#point2,
#points .list-cover li#point3 {
	margin-right: 5px;
}
#points .list-cover li h4 {
	margin-bottom: 15px;
}
#points .list-cover li#point1 h4 {
	margin-bottom: 35px;
}
#points .list-cover li h4 img {
	margin-top: -30px;
}
#points .list-cover li p {
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
}
#points .list-cover li:not(#point1) p {
	width: 210px;
}

/* point1 */
#points .list-cover li#point1 &gt; img {
	display: block;
	margin: 0 auto;
	padding: 15px 0 20px;
}

/* items */
#items .list-cover {
	padding: 120px 30px 60px;
}
#items .list-cover li {
	width: 48.21%;
	height: 510px;
	margin-bottom: 40px;
	text-align: center;
}
#items .list-cover li:nth-child(odd) {
	float: left;
}
#items .list-cover li:nth-child(even) {
	float: right;
}
#items .list-cover li a {
	display: block;
	height: 510px;
}
#items .list-cover li p.item-name {
	width: 90%;
	margin: 0 auto 10px;
}
#items .list-cover li p.item-name span {
	display: block;
}
#items .list-cover li p.item-name .en {
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 10px;
}
#items .list-cover li p.item-name .jp,
#items .list-cover li p.item-info {
	font-size: 12px;
	line-height: 1.5em;
}
#items .list-cover li hr {
	background-color: #000;
	width: 185px;
	height: 2px;
	margin: 0 auto 15px;
}
#items .list-cover li p.item-info {
	margin-bottom: 25px;
}
#items .list-cover li p.btn {
	width: 180px;
	color: #fff;
	line-height: 35px;
	background: url(../images/arrow.png) no-repeat 90% center #000;
	margin: 0 auto;
	font-size: 12px;
}
#items .list-cover li#item8 img {
	margin-bottom: 20px;
}
#items .list-cover li#item8 p {
	width: 305px;
	font-size: 17px;
	line-height: 28px;
	margin: 0 auto;
}

/* bottom-area */
#bottom-area #list-link {
	margin-bottom: 85px;
	text-align: center;
}
#bottom-area hr {
	height: 160px;
}
</pre></body></html>