@charset 'utf-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	min-width: 920px;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #251e1c;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; letter-spacing: .06em; }

.fMin { font-family: 'HiraMinProN-W3', 'ヒラギノ明朝 ProN W3', 'MS P Mincho', 'ＭＳ Ｐ明朝', Verdana, Helvetica, Osaka, serif; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
a { text-decoration: none; color: #251e1c; }
a:hover { text-decoration: none; }

.device_click a { transition: ease .3s; }
.device_click a:hover { opacity: .8; }

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

/* container
------------------------------------------------ */
#container {}

.wrap { position: relative; margin: 0 auto; width: 920px; }

/* header
------------------------------------------------ */
#header { background: rgb(76,101,27); background: -moz-linear-gradient(left,  rgba(76,101,27,1) 0%, rgba(156,174,105,1) 100%); background: -webkit-linear-gradient(left,  rgba(76,101,27,1) 0%,rgba(156,174,105,1) 100%); background: linear-gradient(to right,  rgba(76,101,27,1) 0%,rgba(156,174,105,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c651b', endColorstr='#9cae69',GradientType=1 ); }
#header .wrap { display: flex; }

.header--logo { position: relative; width: 54.5652173913%; }
.header--logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76.9920318725%; }
.header--photo { width: 45.4347826087%; }

/* main
------------------------------------------------ */
#main { display: block; position: relative; width: 100%; }

/* title */
.title--1 { height: 50px; background: url(../img/share/title1_bg.png) no-repeat center center; background-size: 100%; text-align: center; font-size: 1.7rem; font-weight: bold; line-height: 50px; color: #fff; }

/* icon */
.icon { display: inline-block; margin-left: 10px; padding: 1px 10px 0px; height: 24px; background: #cb2228; vertical-align: top; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.6rem; font-style: normal; font-weight: bold; line-height: 24px; color: #fff; }
.icon--lending { background: #dc7558; }
.icon--sale { background: #188cb2; }
.icon--soldout { background: #cb2228; }
.icon:first-child { margin-left: 0; }

/* paging */
.paging { display: flex; justify-content: center; margin-top: 114px; }
.paging--item  { margin: 0 4px; width: 44px; height: 44px; background: #657e47; text-align: center; font-size: 1.6rem; line-height: 44px; color: #fff; }
.paging--link {}
.paging--current { background: #9dc44d; color: #000; }
.paging--first,
.paging--prev,
.paging--next,
.paging--last,
.paging--empty { width: 100px; }
.paging--first:before,
.paging--prev:before,
.paging--next:after,
.paging--last:after { content: ''; display: inline-block; margin-top: 15px; height: 12px; background-position: center center; background-repeat: no-repeat;  background-size: 100%; vertical-align: top; }
.paging--first:before { margin-right: 8px; width: 13px; background-image: url(../img/share/paging_first.png); }
.paging--prev:before { margin-right: 12px; width: 8px; background-image: url(../img/share/paging_prev.png); }
.paging--next:after { margin-left: 12px; width: 8px; background-image: url(../img/share/paging_next.png); }
.paging--last:after { margin-left: 8px; width: 13px; background-image: url(../img/share/paging_last.png); }
.paging--empty { background: none; }

/* footer
------------------------------------------------ */
#footer { margin-top: 114px; padding: 14px 0 62px; background: rgb(173,212,105); background: -moz-linear-gradient(top, rgba(173,212,105,1) 0%, rgba(144,179,83,1) 100%); background: -webkit-linear-gradient(top, rgba(173,212,105,1) 0%,rgba(144,179,83,1) 100%); background: linear-gradient(to bottom, rgba(173,212,105,1) 0%,rgba(144,179,83,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add469', endColorstr='#90b353',GradientType=0 ); }

.footer__links { display: flex; justify-content: center; }
.footer__links--item { margin: 0 .2em; font-size: 1.2rem; color: #fff; }
.footer__links--item a { color: #fff; }
.footer--copyright { margin-top: 26px; text-align: center; font-size: 1rem; color: #fff; }
.footer--copyright small { font-size: inherit; }

/* floating
------------------------------------------------ */
.floating__links { position: fixed; top: 0; right: 0; width: 66px; z-index: 50; }
.floating__links--item { width: 100%; }
.floating__links--item a { display: block; width: 100%; }