@charset "UTF-8";


html {
display: block;
zoom: 1; }
* {
margin: 0;
padding: 0; }
body {
display: block;
-webkit-text-size-adjust: 100%;
background: #000000 !important;
zoom: 1; }
h1, h2, h2, h3, h5, h6 {
font-size: 100%; }
button {
border: 0;
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
font-size: inherit; }
div {
display: block; }
ul {
list-style-type: none; }
li {
list-style-type: none; }
.center {
text-align: center; }  .clearfix {
*zoom: 1; }
.clearfix:after {
content: "";
display: table;
clear: both; }
.top .sb-toggle-left {
color: #ffffff !important; background: rgba(255, 255, 255, 0); }
.top .sb-toggle-left a {
color: #ffffff !important; }
.sb-toggle-left {
color: #000000 !important; background: rgba(255, 255, 255, 0); }
.sb-toggle-left a {
color: #ffffff !important; }
.sb-toggle-left.slideColor {
color: #000000 !important;
border: 1px solid #000000 !important;
background: white; }
.sb-toggle-left.slideColor a {
color: #000000 !important; }
body {
-webkit-text-size-adjust: none;
background: #ffffff !important; }
body a {
color: #000000 !important; }
body a:hover {
text-decoration: none; }
body .maintitle {
font-family: "Josefin Sans", sans-serif;
font-size: 31px;
font-weight: 600;
margin-bottom: 1.3em;
letter-spacing: 0.2px; }
body .btn-all {
clear: both;
font-size: 17px;
margin-top: 8px;
margin-bottom: 30px;
background: #eee;
padding: 14px 0 10px;
font-family: "Josefin Sans", sans-serif;
text-align: center; }
body .btn-all i {
font-size: 14px; }
body h2 {
font-size: 18px;
letter-spacing: 1px; }
body .lower-wrap {
max-width: 900px;
margin: auto auto;
*zoom: 1; }
body .lower-wrap:after {
content: "";
display: table;
clear: both; }
body #keyvisual {
max-height: 461px;
margin-bottom: 51px;
overflow: hidden; }
body .text-area {
font-size: 12px;
letter-spacing: 1px;
line-height: 200%;
margin-bottom: 20px;
text-align: left; }
body .howtable {
display: block;
width: 100%; }
body .howtable th {
display: block;
background: #ffffff;
padding: 10px 20px; }
body .howtable td {
display: block;
padding: 20px; }
@media screen and (max-width: 768px) {
body .lower-wrap {
padding: 0 10px; }
body #keyvisual {
margin-bottom: 41px; }
body .text-area {
font-size: 15px;
line-height: 170%;
margin-bottom: 20px; } }
@media screen and (max-width: 480px) {
body body .maintitle {
padding-top: 0px;
margin-bottom: 40px;
letter-spacing: 1px; } }   a {
color: #6c6c6c;
text-decoration: none; } .fb {
font-weight: bold; } img {
width: 100%;
vertical-align: bottom; }  .border-all {
border: 1px solid #d0d0d0; }
.border-top {
border-top: 1px solid #d0d0d0; }
.border-dotted-bottom {
border-bottom: 1px dotted #000; } input[type=text],
input[type="button"],
input[type="password"],
input[type="submit"] {
font-size: 15px;
border: none;
-webkit-border-radius: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent; } .text-c {
text-align: center; }
.text-l {
text-align: left !important; } .fl-l {
float: left; }
.fl-r {
float: right; }
.clear {
clear: both; }
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 0 !important; } .button {
font-family: "Roboto Condensed", sans-serif !important;
text-align: center;
letter-spacing: 1px;
color: #fff;
padding: 0;
display: block;
width: 400px;
font-size: 12px;
display: inline-block;
border: 1px solid #fff;
transition: .3s; }
.button a {
display: block;
width: 100%;
height: 100%;
padding: 10px 0; }
.button.on {
background: #fff; }
.button.on a {
color: #000 !important; }
.button:hover {
background: rgba(255, 255, 255, 0.9); }
.button:hover a {
color: #000 !important; }
.button-bg-gray {
background: #b7b7b7; }
.button-all {
background: #B7B7B7;
width: 100%;
padding: 12px 0;
text-align: center;
letter-spacing: 1px; }
.button-all a {
color: #fff;
display: block; }
.button-short {
background: #B7B7B7;
width: 49%;
padding: 12px 0;
text-align: center;
letter-spacing: 1px; }
.button-short a {
color: #fff;
display: block; }
a.action-hover {
transition: .3s; }
a.action-hover:hover {
background: rgba(0, 0, 0, 0.6);
opacity: 1; }
@media screen and (max-width: 480px) {
.button {
width: 100%; } }
.button-long-style {
background: #565656;
width: 328px;
font-size: 18px; }
.button-login-style {
background: #b7b7b7;
letter-spacing: 1px;
width: 72px;
font-size: 12px;
padding: 3px 0 6px; }
.button-login-style a {
color: #fff; } #lastarea {
text-align: center;
width: 300px;
padding: 30px 0 100px;
margin: auto;
letter-spacing: 1px;
line-height: 250%; }
#lastarea a {
text-decoration: underline;
font-size: 12px; }
.cw_fr {
min-width: 460px;
margin-left: 0px;
margin-bottom: 10px;
float: right; }
.error {
text-align: center;
color: #ff0000;
font-weight: bold; }
#contact_wrapper {
margin-top: 33px;
max-width: 100%; }
#contact_wrapper span {
font-size: 10px;
color: #ff0000; }
#contact_wrapper select {
margin-top: 5px; }
#contact_wrapper dl {
padding-bottom: 16px;
margin-bottom: 16px;
min-width: 460px;
border-bottom: 1px solid #555555; }
#contact_wrapper dl dt {
margin-bottom: 5px;
margin-right: 20px;
font-size: 14px;
font-family: 'Oxygen', sans-serif; }
#contact_wrapper dl dt.not {
border-left: 4px solid #a6937c; }
#contact_wrapper dl dd {
font-size: 13px; }
#contact_wrapper dl dd input,
#contact_wrapper dl dd textarea {
width: 100%;
height: 28px;
background: #494949; }
#contact_wrapper dl dd input {
color: #ffffff; }
#contact_wrapper dl dd input.post {
min-width: 188px;
margin-right: 40px;
float: left; }
#contact_wrapper dl dd input.short {
min-width: 148px;
margin-right: 0px; }
#contact_wrapper dl dd textarea {
color: #ffffff;
width: 100%;
height: 218px;
padding-top: 10px 0 0 10px;
border: 1px solid #494949; }
#contact_wrapper dl:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden; }
#contact_wrapper #btn_area {
margin-top: 20px; }
#contact_wrapper #btn_area input {
cursor: pointer; }
#contact_wrapper .btn {
width: 100%;
height: 44px;
background: #2b2b2b;
letter-spacing: 2px;
color: #ffffff;
border-style: none;
margin: 0 0 30px 0px;
text-align: center;
padding-top: 3px;
font-size: 13px;
-webkit-appearance: none;
cursor: pointer; }
@media screen and (max-width: 900px) {
#contact_wrapper {
margin-top: 33px;
max-width: 100%;
float: none; }
#contact_wrapper dl {
min-width: 100%; }
#adress-area,
#contact_wrapper {
padding: 0 20px; } }
@media screen and (max-width: 480px) {
#adress-area,
#contact_wrapper {
padding: 0 10px; }
body .maintitle {
font-size: 24px;
margin-bottom: 1.5em !important;
letter-spacing: 0px;
text-align: center; }
body span {
float: none !important;
margin-left: 10px; } } #pager {
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 80px; }
#pager .press-pagenavi {
position: relative;
left: 50%;
float: left; }
#pager .press-pagenavi span {
padding: 8px 14px;
display: block;
float: left;
color: #ffffff;
background: #000000;
border: 1px solid #727272;
margin-right: 10px;
position: relative;
left: -50%; }
#pager .press-pagenavi a {
padding: 8px 14px;
display: block;
float: left;
color: #ffffff;
background: #4b4b4b;
border: 1px solid #4b4b4b;
margin-right: 10px;
position: relative;
left: -50%; }  .mr10 {
margin-right: 10px; }
.mr20 {
margin-right: 20px; }
.mr30 {
margin-right: 30px; }
.mr40 {
margin-right: 40px; }
.mr50 {
margin-bottom: 50px; }
.mb0 {
margin-bottom: 0px; }
.mb10 {
margin-bottom: 10px; }
.mb15 {
margin-bottom: 15px; }
.mb20 {
margin-bottom: 20px; }
.mb30 {
margin-bottom: 30px; }
.mb35 {
margin-bottom: 35px; }
.mb40 {
margin-bottom: 40px; }
.mb50 {
margin-bottom: 50px; }
.mb60 {
margin-bottom: 60px; } .p10 {
padding: 10px; }
.p15 {
padding: 15px; }
.p20 {
padding: 20px; }
.pt10 {
padding-top: 10px; }
.pt20 {
padding-top: 20px; }
.pt30 {
padding-top: 30px; }
.pt40 {
padding-top: 40px; }
.pt50 {
padding-top: 50px; }
.pr10 {
padding-right: 10px; }
.pr20 {
padding-right: 20px; }
.pr30 {
padding-right: 30px; }
.pr40 {
padding-right: 40px; }
.pr50 {
padding-right: 50px; }
.pb10 {
padding-bottom: 10px; }
.pb20 {
padding-bottom: 20px; }
.pb30 {
padding-bottom: 30px; }
.pb40 {
padding-bottom: 40px; }
.pb50 {
padding-bottom: 50px; }
.pl10 {
padding-left: 10px; }
.pl20 {
padding-left: 20px; }
.pl30 {
padding-left: 30px; }
.pl40 {
padding-left: 40px; }
.pl50 {
padding-left: 50px; }
.fs25 {
font-size: 25px !important; }
.fs30 {
font-size: 30px !important; }
.title-style {
text-align: center; } a.anchor {
display: block;
height: 0;
overflow: hidden;
text-indent: -9999px;
padding-top: 100px;
margin-top: -100px; }
.shadow {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.shadow-footer {
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.12), 4px 3px 0 rgba(0, 0, 0, 0.5); }
.shadow-link {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.shadow-link:hover {
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.22);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.shadow-btn {
font-weight: bold;
font-size: 16px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.shadow-btn:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22); } #loader {
width: 120px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -70px;
margin-left: -60px;
z-index: 20000; }
#loader img {
width: 120px; }
.loader:before,
.loader:after,
.loader {
border-radius: 50%;
width: 0.8em;
height: 0.8em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out; }
.loader {
margin: 10px 0 0 57px;
font-size: 4px;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
.loader:before {
left: -2em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.loader:after {
left: 2em; }
.loader:before,
.loader:after {
content: '';
position: absolute;
top: 0; }
@-webkit-keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 1.5em 0 -1em #ffffff; }
40% {
box-shadow: 0 1.5em 0 0 #ffffff; } }
@keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 1.5em 0 -1em #ffffff; }
40% {
box-shadow: 0 1.5em 0 0 #ffffff; } }
#fade {
width: 100%;
height: 100%;
background: #000000; position: absolute;
top: 0;
left: 0;
z-index: 10000; }
@media screen and (max-width: 480px) { }
.sb-toggle-left {
display: none;
float: left;
font-size: 30px;
letter-spacing: 1px;
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
position: absolute;
top: 7px;
left: 7px;
padding: 0;
margin: 0; }
.sb-toggle-left a {
color: #ffffff;
text-decoration: none; }
body .sb-slidebar #gnavi li {
color: #ffffff !important;
padding: 10px 15px;
border-bottom: 1px solid #777777;
font-size: 11px;
letter-spacing: 1px; }
body .sb-slidebar #gnavi li a {
color: #ffffff !important; }
body .sb-slidebar #gnavi .small-link {
padding: 4px 15px 4px 34px;
font-size: 9px; }
header {
height: 54px;
position: fixed;
width: 100%;
z-index: 1000;
background: black;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
header #logo {
margin-top: 14px;
padding-left: 10px;
width: 106px; }
header #logo img {
width: 106px; }
header .sp-open-list {
background: #3c3c3c; }
header #header-inner {
max-width: 890px;
margin: auto;
position: relative; }
header #header-inner h1 {
display: none; }
header #header-inner .gnavi {
width: 890px;
position: absolute;
text-align: right;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
top: 14px;
left: 0px; }
header #header-inner .gnavi li ul {
display: none;
position: absolute;
margin-left: -14px; }
header #header-inner .gnavi li ul li {
float: none;
padding: 9px 0 10px 15px;
background: #000;
width: 110px;
text-align: left;
border-bottom: 1px solid #414141; }
header #header-inner .gnavi li ul li:last-child {
border-bottom: none; }
header #header-inner .gnavi li {
float: left;
margin: 0 18px;
letter-spacing: 1px;
position: relative;
display: inline-block;
padding: .0em 0em .3em;
text-decoration: none !important;
font-size: 13px; }
header #header-inner .gnavi li a {
color: #ffffff !important;
text-decoration: none !important; }
header #header-inner .gnavi li::after { }
header #header-inner .gnavi li:hover::after { }
header #header-inner .gnavi li.active a {
color: #ffffff !important; }
header #header-inner .snsnavi {
position: absolute;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
top: 14px;
right: 10px; }
header #header-inner .snsnavi li {
float: left;
width: 24px;
height: 24px;
margin-right: 13px;
-webkit-border-radius: 11px; -moz-border-radius: 11px;
border-radius: 11px;
background-color: #fff;
line-height: 24px;
padding-left: 1px;
text-align: center; }
header #header-inner .snsnavi li a {
color: #000000 !important; }
@media screen and (max-width: 768px) {
.sb-toggle-left {
display: block; }
header { }
header #logo {
margin: 16px auto 0; }
header #header-inner h1.top {
display: none; }
header #header-inner h1 {
display: block;
width: 70%;
margin: 0 auto 0;
padding-left: 1%; }
header #header-inner h1 img {
display: block;
margin-top: 17px; }
header #header-inner .gnavi, header #header-inner .snsnavi {
display: none; } }
@media screen and (max-width: 480px) {
header #header-inner h1.top {
display: none; }
header #header-inner h1 {
display: block;
width: 66%;
margin: 0 auto 0; }
header #header-inner h1 img {
display: block;
margin-top: 23px; }
header #header-inner .gnavi, header #header-inner .snsnavi {
display: none; } }
body, html, main {
height: 100%;
font-family: 'Noto Sans Japanese', serif; }
.wrap-404 {
text-align: center !important; }
.wrap-404 h1 {
font-size: 120px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
padding: 1em 0 0.1em;
font-weight: normal; }
.wrap-404 h1 span {
font-weight: bold; }
.wrap-404 p {
font-size: 15px;
padding: 0px 0 80px; }
#wrapper {
line-height: 150%; }
html {
overflow-x: auto; }
.pager-navi {
margin-bottom: 60px; }
.pager-navi li {
text-decoration: none !important; }
.bg-black {
background: #000 !important;
color: #fff; }
.bg-black .inner-wrap {
padding: 20px 20px 10px;
font-size: 12px; }
.bg-black h1 {
margin-bottom: 10px; }
#main-images {
background: #000000;
overflow-x: hidden !important;
overflow-y: hidden !important;
position: relative;
background-size: cover !important;
padding: 0 10px; }
#main-images h1.js-anime-maintitile {
position: absolute;
top: 41%;
left: 50%;
z-index: 1000;
text-align: center;
width: 650px;
opacity: 0;
margin: 0 0 0 -325px; }
#main-images p.subtitle {
opacity: 0;
position: absolute;
font-weight: bold;
top: 51%;
left: 50%;
width: 700px;
margin-left: -350px;
z-index: 1000;
font-size: 15px !important;
line-height: 200%;
color: #ffffff;
text-align: center;
font-size: 100%;
letter-spacing: 3px; }
#main-images p.subtitle br.sp {
display: none; }
#main-images #btn-top {
border: 2px solid  #ffffff;
position: absolute;
top: 70%;
left: 50%;
width: 280px;
margin-left: -140px;
letter-spacing: 1px;
z-index: 10000;
text-align: center;
font-size: 14px;
padding: 12px 0 12px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#main-images #btn-top a {
display: block;
color: #ffffff !important;
text-decoration: none; }
#main-images button {
display: none !important; }
#main-images .icon-arrow {
position: absolute;
width: 50px;
bottom: 5%;
left: 50%;
text-align: center;
font-size: 14px !important;
letter-spacing: 0px;
color: #ffffff;
line-height: 200%;
z-index: 10000;
margin-left: -16px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#main-images figure {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #000000), color-stop(0.5, transparent), to(transparent));
-webkit-background-size: 2px; }
.banner-belt-title {
margin-bottom: 0.8em !important; }
.banner-belt a:hover {
opacity: 0.8; }
.cd-fixed-bg {
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; }
figure {
position: relative;
overflow: hidden;
margin-bottom: 13px; }
figcaption { }
figure:hover figcaption {
opacity: 1;
color: #ffffff; }
.top #arrival-area { }
.icon-rank {
position: absolute;
left: 0px;
top: 0px;
width: 28px;
height: 28px;
background: #000;
color: #ffffff;
text-align: center;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
z-index: 200; }
.icon-rank p {
margin-top: 2px; }
.icon-demo {
position: relative;
display: block; }
.icon {
position: absolute;
top: -20px;
left: -20px;
width: 40px;
height: 40px;
line-height: 41px;
z-index: 33;
border-radius: 20px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
text-align: center;
letter-spacing: 1px;
font-size: 11px;
padding-left: 1px; }
.icon.new {
color: #ffffff;
background: #a6d319; }
.icon.link {
color: #ffffff;
background: #d0842b; }
.icon.sold {
color: #ffffff;
background: #844700; }
.icon.hold {
color: #ffffff;
background: #1d3a84; }
.icon.newprice {
color: #ffffff;
background: #8362ff;
font-size: 8px !important;
padding-top: 11px;
line-height: 10px; }
#arrival-area {
width: 100%;
height: auto;
background: #ffffff; }
#arrival-area .inner-wrap:first-child { }
#arrival-area .search-area {
background: #f3f3f3;
padding: 14px;
margin-bottom: 60px; }
#arrival-area .search-area .s {
margin: 0 0 0 0px;
padding-left: 10px;
height: 32px;
width: 77%; }
#arrival-area .search-area .searchsubmit {
background: #999;
padding: 6px;
color: #FFFFFF;
font-size: 0.9em;
width: 21%;
text-align: center;
float: right;
letter-spacing: 0.5px; }
#arrival-area .sort-area {
padding-bottom: 6%;
*zoom: 1; }
#arrival-area .sort-area:after {
content: "";
display: table;
clear: both; }
#arrival-area .sort-area li {
font-size: 12px;
width: 20%;
float: left;
text-align: center;
background: #f3f3f3;
padding: 6px 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff; }
#arrival-area .sort-area li a {
width: 20%; }
#arrival-area .sort-result {
margin-bottom: 7%; }
#arrival-area .sort-aten {
color: #bb0000;
font-weight: normal; }
#arrival-area .img-wrap {
clear: both;
width: 100%;
text-align: center;
font-size: 12px; }
#arrival-area .img-wrap .arrival-img {
width: 20%;
position: relative;
float: left;
margin-right: 6.6%;
margin-bottom: 20px;
cursor: pointer; }
#arrival-area .img-wrap .arrival-img:nth-of-type(4n) {
margin-right: 0; }
#arrival-area .img-wrap .list-thumb {
width: 100%;
height: 180px; }
#arrival-area .img-wrap img {
display: block; }
#arrival-area .img-wrap span {
display: block;
color: #000000;
font-size: 11px; }
#arrival-area .img-wrap .name {
margin-bottom: 0px;
font-size: 12px;
line-height: 140%;
text-align: center; font-weight: 900; }
#arrival-area .img-wrap .date {
color: #898989;
font-size: 11px;
font-weight: 400; }
.inner-wrap {
padding: 50px 20px 50px; }
.top #articles-area {
padding-bottom: 0px;
width: 100%;
height: auto;
background: #ededed; }
.top #articles-area .maintitle {
position: relative; }
.top #articles-area .maintitle span {
float: right;
font-size: 17px;
margin-top: 4px; }
.top #articles-area .img-wrap {
width: 100%;
text-align: left;
font-size: 13px;
*zoom: 1; }
.top #articles-area .img-wrap:after {
content: "";
display: table;
clear: both; }
.top #articles-area .articles-img {
width: 23%;
float: left;
margin-right: 2.6%; }
.top #articles-area .articles-img .list-articles-thumb {
width: 100%;
height: 180px; }
.top #articles-area .articles-img:last-child {
margin-right: 0; }
.top #articles-area .articles-title {
font-size: 16px;
margin-bottom: 0px !important;
color: #fff;
background: #000;
text-align: center;
max-width: 100%;
padding: 20px 20px 20px;
*zoom: 1; }
.top #articles-area .articles-title:after {
content: "";
display: table;
clear: both; }
.top #articles-area .articles-title img.blog-logo {
width: 200px !important;
margin-left: 4px;
margin-bottom: 0;
float: left; }
.top #articles-area .articles-title .articles-title-all {
position: absolute;
left: 240px;
top: 39px; }
.top #articles-area .inner-wrap img {
max-width: 100% !important;
height: auto !important;
width: auto !important; }
.top #articles-area .inner-wrap .articles-area-text {
font-size: 14px;
line-height: 170%; }
.top #articles-area .inner-wrap .articles-area-text a {
text-decoration: underline; }
.top #articles-area .list-articles-img { }
.top #articles-area img {
display: block; }
.top #articles-area span {
display: block;
color: #000000; }
.top #articles-area .name {
font-size: 14px;
margin-bottom: 10px;
font-weight: bold; }
.top #articles-area .date {
color: #898989;
font-size: 12px; }
.top #inner,
.articles-detail #inner {
padding-top: 0%; }
.top #inner .maintitle.articlesdetail,
.articles-detail #inner .maintitle.articlesdetail {
font-size: 19px; }
#inner {
max-width: 100%;
padding-top: 70px;
margin: 0px auto 0;
clear: both; }
#inner #media-wrap { z-index: 1000000;
position: relative; }
#inner #top-access-area {
width: 100%;
height: auto;
background: #ffffff;
*zoom: 1; }
#inner #top-access-area:after {
content: "";
display: table;
clear: both; }
#inner #top-access-area .img-wrap {
*zoom: 1;
width: 100%;
text-align: left;
font-size: 13px; }
#inner #top-access-area .img-wrap:after {
content: "";
display: table;
clear: both; }
#inner #top-access-area .img-wrap .access-img-box {
width: 15%;
float: left;
margin-right: 4%; }
#inner #top-access-area .img-wrap .access-img {
width: 100%;
height: 120px;
position: relative;
float: left;
margin-bottom: 10px;
line-height: 100%;
z-index: 1; }
#inner #top-access-area .img-wrap .access-img-box:last-child {
margin-right: 0; }
#inner #top-access-area .img-wrap img {
display: block; }
#inner #top-access-area .img-wrap span {
display: block;
color: #000000; }
#inner #top-access-area .img-wrap .name {
margin-bottom: 10px;
position: absolute;
bottom: -60px;
left: 0;
display: block; }
#inner #top-access-area .img-wrap .date {
color: #898989;
font-size: 12px; }
#inner #top-banner-area {
width: 100%;
height: auto;
*zoom: 1;
position: relative;
z-index: 100;
padding: 14% 0; }
#inner #top-banner-area:after {
content: "";
display: table;
clear: both; }
#inner #top-banner-area .img-wrap {
max-width: 900px;
margin: auto; }
#inner #top-banner-area .banner-img {
width: 48%;
height: 98px; }
#inner #top-banner-area .banner-img:nth-child(odd) {
float: left; }
#inner #top-banner-area .banner-img:nth-child(even) {
float: right; }
#inner #top-banner-area .banner-img:nth-child(-n+2) {
margin-bottom: 4%; }
#inner #top-banner-area .banner-img:nth-child(3),
#inner #top-banner-area .banner-img:nth-child(4) {
margin-bottom: 0; }
#inner .inner-wrap {
max-width: 900px;
margin: auto;
*zoom: 1; }
#inner .inner-wrap:after {
content: "";
display: table;
clear: both; }
#inner #historyback-box {
background: #b7b7b7;
width: 100%;
height: 59px;
line-height: 59px;
margin-bottom: 40px;
text-align: center; }
#inner #historyback-box a {
color: #fff;
display: block; }
#inner .menu-list {
width: 100%;
clear: both;
*zoom: 1; }
#inner .menu-list:after {
content: "";
display: table;
clear: both; }
#inner .menu-list h1 {
font-size: 17px;
margin-bottom: 44px;
letter-spacing: 2px;
text-align: center; }
#inner .menu-list h1 span {
font-size: 15px; }
#inner .menu-list div {
width: 49%;
margin-bottom: 11px;
font-size: 16px;
height: 100px;
overflow: hidden;
position: relative;
display: table;
border: 1px solid #d0d0d0; }
#inner .menu-list div a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#inner .menu-list div .menu-img {
width: 100px;
height: 100px;
margin-right: 22px; background: url(/common/img/noimage-list.png) no-repeat;
background-size: 100px 100px; }
#inner .menu-list div .trimming-thumb {
width: 100px;
height: 100px; }
#inner .menu-list div .menu-name {
padding-right: 40px;
width: 80%;
line-height: 125%;
display: table-cell;
vertical-align: middle; }
#inner .menu-list div .menu-name .pdf-pa {
position: absolute;
top: 40px;
left: 55px; }
#inner .menu-list div i {
position: absolute;
top: 42px;
right: 16px;
color: #565656; }
#inner .menu-list div i.first {
position: absolute;
top: 43px;
left: 24px !important; }
#inner .menu-list .dcument-style-wrap {
margin: 0px 0 0 30px;
line-height: 0px; }
#inner .menu-list .dcument-style-form {
background: #d0d0d0;
padding: 3px 5px 6px; }
#inner .menu-list .dcument-style-btn {
background: #b7b7b7;
color: #fff;
padding: 6px 10px 7px;
letter-spacing: 1px;
font-size: 12px; }
#inner .menu-list div:nth-child(even) {
float: left; }
#inner .menu-list div:nth-child(odd) {
float: right; }
.pager-navi {
clear: both;
position: relative; }
.pager-navi li {
text-decoration: underline; }
.pager-navi .prev {
position: absolute;
left: 0; }
.pager-navi .next {
position: absolute;
right: 0; }
.first {
background: url(//crownmaniax.com/img/bg01.jpg) 50% 0px no-repeat fixed;
position: relative;
width: 100%;
height: 240px;
z-index: 0; }
.first figure {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #000000), color-stop(0.5, transparent), to(transparent));
-webkit-background-size: 2px; }
.second {
background: url(//crownmaniax.com/img/bg02.jpg) center center no-repeat fixed;
position: relative;
width: 100%;
height: auto; }
.second figure {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #000000), color-stop(0.5, transparent), to(transparent));
-webkit-background-size: 2px; }
@media screen and (max-width: 768px) {
.articles-detail .inner-wrap {
padding-top: 5%; }
.articles-detail #inner {
padding-top: 0%;
margin-top: 50px; }
.articles-detail #inner .maintitle.articlesdetail {
margin-bottom: 0px; }
#main-images h1 { }
#main-images .read-text1 {
top: 25%;
width: 560px;
margin-left: -280px;
z-index: 1000;
line-height: 150%; }
.inner-wrap {
padding: 100px 20px 50px; }
#inner {
padding-top: 0; }
#inner #top-banner-area {
display: none;
*zoom: 1;
margin-bottom: 100px; }
#inner #top-banner-area:after {
content: "";
display: table;
clear: both; }
#inner #top-banner-area .banner-img {
width: 48%;
height: auto;
padding: 0 20px; }
#inner #top-banner-area .banner-img:nth-child(odd) {
float: left; }
#inner #top-banner-area .banner-img:nth-child(even) {
float: right; }
#inner #top-access-area .img-wrap .access-img-box {
width: 46%; }
#inner #top-access-area .img-wrap .access-img {
width: 100%;
height: 100px;
float: left;
margin-right: 4%;
font-size: 11px; }
#inner #top-access-area .img-wrap .access-img figure {
margin-top: 12px;
margin-bottom: 0;
padding-bottom: 0; }
#inner #top-access-area .img-wrap .access-img:nth-child(2n) {
margin-right: 0; }
#inner #top-access-area .img-wrap img {
display: block;
margin-bottom: 10px; }
#inner #top-access-area .img-wrap span {
display: block;
color: #000000;
margin-bottom: 15px; }
#inner #top-access-area .img-wrap .name {
margin-bottom: 10px; }
#inner #top-access-area .img-wrap .date {
color: #898989;
font-size: 11px; }
.first {
display: none; }
.second {
background: none; } }
@media screen and (max-width: 480px) {
.wrap-404 h1 {
font-size: 23px;
padding: 1em 0 0.05em; }
.wrap-404 p {
padding: 0px 0 40px; }
.pager-navi {
clear: both;
position: relative; }
.pager-navi li {
text-decoration: underline; }
.pager-navi .prev {
position: absolute;
left: 0;
top: -30px; }
.pager-navi .next {
position: absolute;
right: 0;
top: 0px; }
.bg-black .inner-wrap {
padding: 40px 20px 10px;
font-size: 12px; }
.bg-black .inner-wrap h1.maintitle.small {
margin-bottom: 0.5em !important; }
figure {
position: relative;
overflow: hidden;
margin-bottom: 14px; }
.inner-wrap {
padding: 95px 10px 0px; }
.icon {
position: absolute;
top: -9px;
left: -9px;
width: 30px;
height: 30px;
line-height: 30px;
z-index: 33;
border-radius: 20px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
text-align: center;
font-size: 8px;
padding-left: 1px; }
.icon.newprice {
font-size: 7px !important;
padding-top: 8px !important;
line-height: 8px !important;
letter-spacing: 0px; }
.icon-rank {
top: 0px;
left: 0px;
height: 28px; }
#main-images {
margin-bottom: -20px; }
#main-images h1.js-anime-maintitile {
width: 90%;
margin: 0 0 0 -45%; }
#main-images p.subtitle {
font-size: 12px !important;
width: 300px;
top: 52%;
line-height: 145%;
margin-left: -150px;
letter-spacing: 0px; }
#main-images p.subtitle br.sp {
display: block; }
#main-images .read-text1 {
top: 30%;
width: 300px;
margin-left: -150px;
z-index: 1000;
line-height: 140% !important; }
#main-images .read-text1 p {
font-size: 12px !important;
line-height: 190% !important;
text-align: left; }
#main-images .read-text1 br {
display: none; }
#main-images .icon-arrow {
position: absolute;
width: 33px;
left: 50%;
bottom: 3%;
margin-left: -16px;
font-size: 7px !important; }
.top #arrival-area {
padding-top: 0px; }
.search-area .searchsubmit {
font-size: 10px !important; }
#arrival-area { }
#arrival-area .sort-area {
margin-bottom: 10px; }
#arrival-area .sort-area li {
width: 50%;
float: left;
text-align: center;
background: #f3f3f3;
padding: 8px 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff; }
#arrival-area .sort-area li a {
width: 50%; }
#arrival-area .img-wrap .arrival-img {
width: 48%;
margin-right: 4%; }
#arrival-area .img-wrap .arrival-img:nth-of-type(2n) {
margin-right: 0; }
#arrival-area .img-wrap .list-thumb {
width: 100%;
height: 120px; }
#arrival-area .img-wrap img {
display: block; }
#arrival-area .img-wrap span {
display: block;
color: #000000; }
#arrival-area .img-wrap .name {
margin-bottom: 0px;
font-size: 15px; }
#arrival-area .img-wrap .date {
color: #898989;
font-size: 12px; }
.second {
background: none; }
.second figure {
background-image: none; }
.top #articles-area {
width: 100%;
height: auto;
padding-bottom: 7%;
background: #ffffff; }
.top #articles-area .maintitle {
letter-spacing: 1px; }
.top #articles-area .articles-title {
font-size: 16px;
*zoom: 1; }
.top #articles-area .articles-title:after {
content: "";
display: table;
clear: both; }
.top #articles-area .articles-title img.blog-logo {
width: 130px !important;
margin: 0 auto 0px;
float: none;
padding-bottom: 8px; }
.top #articles-area .articles-title .articles-title-all {
position: static;
font-size: 11px;
margin-bottom: 0;
line-height: 100%; }
.top #articles-area .img-wrap {
width: 100%;
margin-bottom: 0;
text-align: left;
font-size: 13px; }
.top #articles-area .img-wrap figure {
margin-bottom: 8px; }
.top #articles-area .img-wrap .articles-img:nth-of-type(2n) {
margin-right: 0; }
.top #articles-area .img-wrap .articles-img:first-child {
width: 100%; }
.top #articles-area .img-wrap .articles-img:first-child .list-articles-thumb {
width: 100%;
height: 200px; }
.top #articles-area .img-wrap .articles-img:nth-child(2) {
float: left !important; }
.top #articles-area .img-wrap .articles-img:nth-child(3) {
float: right !important; }
.top #articles-area .img-wrap .articles-img:last-child {
display: none; }
.top #articles-area .img-wrap .articles-img {
width: 49%;
margin-right: 0%;
margin-bottom: 10px;
position: relative;
float: left; }
.top #articles-area .img-wrap .articles-img .list-articles-thumb {
width: 100%;
height: 140px; }
.top #articles-area .img-wrap img {
display: block; }
.top #articles-area .img-wrap span {
display: block;
color: #000000;
margin-left: 4px; }
.top #articles-area .img-wrap .name {
font-size: 11px;
margin-bottom: 6px;
font-weight: bold; }
.top #articles-area .img-wrap .date {
color: #898989;
font-size: 12px; }
#inner #about-area {
height: auto;
padding-top: 0px;
padding-bottom: 30px; }
#inner #about-area .img-wrap {
*zoom: 1;
width: 100%;
text-align: center;
font-size: 13px; }
#inner #about-area .img-wrap:after {
content: "";
display: table;
clear: both; }
#inner #about-area .img-wrap .arrival-img {
width: 48%;
height: 100%;
overflow: hidden;
float: left;
margin-right: 4%;
margin-bottom: 20px; }
#inner #about-area .img-wrap .arrival-img:nth-of-type(2n) {
margin-right: 0; }
#inner #about-area .img-wrap img {
display: block;
margin-bottom: 10px; }
#inner #about-area .img-wrap span {
display: block;
color: #000000; }
#inner #about-area .img-wrap .name {
margin-bottom: 3px; }
#inner #about-area .img-wrap .date {
color: #898989;
font-size: 10px; }
#inner #top-banner-area {
width: 100%;
padding-bottom: 0%;
margin-bottom: 0px;
*zoom: 1; }
#inner #top-banner-area:after {
content: "";
display: table;
clear: both; }
#inner #top-banner-area .banner-img {
width: 100%;
margin-bottom: 4%; }
#inner #top-banner-area .banner-img:first-child {
float: none; }
#inner #top-banner-area .banner-img:last-child {
float: none; }
#inner #top-banner-area .banner-img:nth-child(3) {
margin-bottom: 4%; }
#inner .first {
display: none; } }
.watches .read {
font-size: 18px;
margin-top: 4%;
margin-bottom: 5%; }
.watches .maintitle.wathesdetail span {
color: #383838;
font-weight: bold;
font-size: 20px; }
.watches #slider p {
margin-bottom: 0px !important; }
.watches .maintitle.wathesdetail-seco {
font-size: 21px;
margin-bottom: 7%; }
.watches .maintitle.wathesdetail-seco span {
font-size: 25px;
margin-left: 25px; }
.watches .maintitle.wathesdetail-seco br {
display: none; }
.watches .trimming-large {
width: 100%;
height: 540px;
overflow: hidden; }
.watches .trimming-thumb {
height: 140px !important;
width: 205px !important; }
.watches ul.watches-img {
position: relative;
width: 100%;
padding-top: 1%;
margin-bottom: 5%;
*zoom: 1; }
.watches ul.watches-img:after {
content: "";
display: table;
clear: both; }
.watches ul.watches-img .trimming-thumb { width: 14.27%;
padding-top: 14%;
float: left; cursor: pointer; }
.watches ul.watches-img .trimming-thumb span {
display: none; }
.watches ul.watches-img .trimming-thumb:nth-of-type(4n) {
margin-right: 0; }
.watches ul.watches-img .on { }
.watches .contact-navi li {
width: 100%;
text-align: center;
background: #dbdbdb;
float: left;
margin-bottom: 60px;
padding: 20px 0;
font-weight: bold;
letter-spacing: 1px; }
.watches .contact-navi li a {
display: block;
text-decoration: none; }
.watches .contact-navi li.none {
background: #f1f1f1; }
.watches table {
border: 1px solid #aaa;
border-collapse: separate;
border-spacing: 0;
border-radius: 6px;
margin-bottom: 30px;
width: 100%; }
.watches table tr:nth-child(even) {
background: #eeeeee; }
.watches table thead th,
.watches table tbody th,
.watches table tbody td {
padding: .3em 1em;
border-bottom: 1px solid #aaa; }
.watches table thead th {
background-color: #ddd;
text-align: left; }
.watches table tbody th {
background-color: #eee; }
.watches table thead th + th,
.watches table tbody td {
border-left: 1px solid #aaa;
width: 50%; }
.watches table tbody tr:last-child th,
.watches table tbody tr:last-child td {
border-bottom: none; }
.watches table td:first-child {
border-left: none; }
.watches table thead tr:first-child th:first-child {
border-radius: 5px 0 0 0; }
.watches table thead tr:first-child th:last-child {
border-radius: 0 5px 0 0; }
.watches table tbody tr:last-child th:first-child {
border-radius: 0 0 0 5px; }
.watches table tbody tr:last-child th:last-child {
border-radius: 0 0 5px 0; }
.watches .half-wrap {
width: 100%;
margin-bottom: 30px;
font-size: 13px;
*zoom: 1; }
.watches .half-wrap:after {
content: "";
display: table;
clear: both; }
.watches .half-wrap .watch-name {
font-size: 18px; }
.watches .half-wrap .watch-price {
font-size: 26px; }
.watches .half-wrap dl {
text-align: center;
width: 50%;
float: left; }
.watches .half-wrap dl dt {
font-size: 11px;
color: #bfbfbf;
margin-bottom: 5px; }
.watches .half-wrap dl dd {
font-size: 13px;
font-weight: bold; }
@media screen and (max-width: 768px) {
.watches .trimming-large {
height: 340px; }
.watches ul.watches-img {
margin-bottom: 5%; } }
@media screen and (max-width: 480px) {
.watches { }
.watches .trimming-large {
height: 240px; }
.watches .maintitle.wathesdetail-seco {
line-height: 130%; }
.watches .maintitle.wathesdetail-seco br {
display: block; }
.watches ul.watches-img {
margin-bottom: 14%; }
.watches .read {
font-size: 16px;
margin-top: 4%;
margin-bottom: 8%; }
.watches .half-wrap dl {
width: 100%;
float: none; } }
.about #inner {
margin-top: 0px !important;
padding-top: 0px !important;
line-height: 190%; }
.about .inner-wrap {
padding-top: 65px;
padding-bottom: 65px; }
#about-area {
background: url(/about/img/bg-about.gif) repeat; }
.img-about {
background: #ffffff !important;
text-align: center; }
.img-about img {
max-width: 900px;
margin: 0 auto; }
.about div p {
margin-bottom: 35px; }
.about div p:last-child {
margin-bottom: 0px; }
.bold-text {
font-size: 16px;
font-weight: bold; }
.bold-text br {
display: none; }
.buy #inner {
margin-top: 0px !important;
padding-top: 0px !important; }
#buy-area {
background: url(/buyyour/img/img-buy.png) center center no-repeat;
background-size: cover;
padding: 8% 0; }
#buy-keyvisual {
max-width: 80%;
margin: 8% auto 4%; }
#buy-text-wrap {
margin: auto;
padding: 30px;
color: #ffffff;
line-height: 200%; }
.buy-title {
font-size: 18px;
letter-spacing: 2px;
text-align: center;
margin-bottom: 50px !important; }
.buy-text {
margin-bottom: 50px; }
.buy-text:last-child {
margin-bottom: 0px; }
@media screen and (max-width: 480px) {
.img-about img {
max-width: 900px;
margin: 50px auto 0; }
.about #inner {
padding-top: 0px; }
.about .inner-wrap {
padding-top: 35px;
padding-bottom: 0px; }
.bold-text br {
display: block; }
#buy-text-wrap {
margin: auto;
padding: 30px 0px;
color: #ffffff;
line-height: 200%; }
#wrapper.about #inner {
margin-bottom: 0;
padding-bottom: 0; } }
.howto #inner {
background: #ffffff !important; }
.howto h1 {
font-size: 33px;
letter-spacing: 0; }
.howto div p {
margin-bottom: 35px; }
.howto div dl {
margin-bottom: 35px; }
.howto div dl dt {
margin-bottom: 35px; }
.howto div dl dd {
margin-bottom: 25px;
line-height: 190% !important; }
.howto div dl dd b {
font-size: 13px; }
.howto div p:last-child {
margin-bottom: 0px; }
.bold-text {
font-size: 16px;
font-weight: bold; }
.bold-text br {
display: none; }
@media screen and (max-width: 480px) {
.bold-text br {
display: block; }
#wrapper.howto #inner {
margin-bottom: 0;
padding-bottom: 0; } }
.articles-title {
max-width: 350px;
margin: 0 auto -20px !important;
font-size: 16px;
text-align: center; }
.articles-title img {
margin-bottom: 22px; }
.wrap-flex .pager-navi {
font-size: 22px !important;
margin-bottom: 0; }
.wrap-flex .pager-navi ul {
color: #b1b1b1 !important;
padding: 0 10px;
display: -webkit-flex;
display: flex;
background: #000;
height: auto;
*zoom: 1; }
.wrap-flex .pager-navi ul li {
width: 33%;
font-size: 12px;
line-height: 130%; }
.wrap-flex .pager-navi ul li.prev {
left: 20px;
text-align: left;
padding-top: 19px; }
.wrap-flex .pager-navi ul li.next {
right: 20px;
text-align: right;
padding-top: 19px; }
.wrap-flex .pager-navi ul li.articles-top {
margin: auto;
text-align: center; }
.wrap-flex .pager-navi ul a {
color: #b1b1b1 !important; }
.wrap-flex .pager-navi ul:after {
content: "";
display: table;
clear: both; }
.wrap-flex .pager-navi ul:before {
content: "";
display: block;
padding-top: 8%; }
@media screen and (max-width: 480px) {
.wrap-flex .pager-navi {
display: none;
width: 100%; }
.wrap-flex .pager-navi li.articles-top {
display: none; }
.wrap-flex .pager-navi ul:before {
content: "";
display: block;
padding-top: 30%; } }
.term_title {
font-size: 14px;
color: #5f5f5f; }
.detail .inner-wrap {
padding: 0px 5px 50px; }
#articles-area.list {
background: #ffffff;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around; justify-content: space-around;
max-width: 1080px;
margin: auto;
font-family: "Mplus 1p"; }
#articles-area.list .inner-wrap {
width: 100%;
height: auto; }
#articles-area.list .inner-wrap img {
max-width: 100% !important;
height: auto !important;
width: auto !important; }
#articles-area.list .inner-wrap figure {
margin-bottom: 0 !important; }
#articles-area.list .inner-wrap .articles-area-text {
font-size: 14px;
line-height: 170%; }
#articles-area.list .inner-wrap .articles-area-text a {
text-decoration: underline; }
#articles-area.list .img-wrap {
width: 70%;
text-align: left;
font-size: 13px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column; }
#articles-area.list .img-wrap .articles-keyvisual {
width: 100%;
height: auto;
padding-top: 80%; }
#articles-area.list .articles-img {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
margin-bottom: 35px;
border-bottom: 1px dotted #9b9b9b;
padding-bottom: 35px; }
#articles-area.list .articles-img figure {
margin-bottom: 0; }
#articles-area.list .articles-img img {
width: 100%;
transition: 1.0s; }
#articles-area.list .articles-img img:hover {
opacity: 0.5;
cursor: pointer; }
#articles-area.list .articles-img .list-articles-thumb { margin-bottom: 0; }
#articles-area.list .articles-img .terms {
background: #fff;
width: 100px;
text-align: center;
margin-bottom: 5px;
border: 1px solid #000;
font-size: 9px;
line-height: 150%;
float: left;
margin-right: 8px;
display: inline-block; }
#articles-area.list .articles-img .text-area {
padding: 5px 25px 0px;
margin-bottom: 0; }
#articles-area.list .articles-img .text-area span {
margin-left: 0; }
#articles-area.list .articles-img:first-child {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
padding-bottom: 15px; }
#articles-area.list .articles-img:first-child img {
width: 100%; }
#articles-area.list .articles-img:first-child .list-articles-thumb { }
#articles-area.list .articles-img:first-child .name {
font-size: 28px;
margin-bottom: 5px; }
#articles-area.list .articles-img:first-child .text-area {
padding: 30px 12px 0;
margin-bottom: 0; }
#articles-area.list img {
display: block; }
#articles-area.list span { padding: 0 10px;
color: #000000; }
#articles-area.list .name {
font-size: 24px;
margin-bottom: 5px;
margin-top: -6px;
font-weight: bold;
line-height: 130%; }
#articles-area.list .date {
color: #898989;
font-size: 12px; }
#articles-area.list .caption {
font-size: 15px;
line-height: 150%;
margin-top: 8px;
margin-bottom: 8px;
clear: both; }
#articles-area.list .sns-wrap {
clear: both;
margin: 10px 0 15px;
display: flex;
-webkit-flex-direction: row; flex-direction: row; }
#articles-area.list .sns-wrap span {
width: 100px;
margin-right: 5px;
text-align: center;
background: #b1b1b1;
line-height: 150%; }
#articles-area.list .sns-wrap span a, #articles-area.list .sns-wrap span i {
color: #fff !important;
display: inline-block;
width: 100%; }
#articles-area.list .sns-wrap span.sns-twitter {
background: #26a4ef; }
#articles-area.list .sns-wrap span.sns-facebook {
background: #395b97; }
#articles-area.list .sns-wrap span.sns-line {
background: #1bb91f; }
.wrap-flex .articles-access-area {
height: auto;
background: #ffffff;
margin-bottom: 30px;
width: 24%; }
.wrap-flex .articles-access-area div {
line-height: 190%; }
.wrap-flex .articles-access-area div a {
color: #373737 !important;
text-decoration: underline;
line-height: 120%; }
.wrap-flex .articles-access-area p {
font-size: 18px;
border-bottom: 3px solid #000;
padding-bottom: 0.6em;
margin-bottom: 1.4em;
font-weight: bold;
color: #000; }
.wrap-flex .articles-access-area .access-img {
margin-bottom: 20px;
z-index: 1;
position: relative; }
.wrap-flex .articles-access-area .access-img:last-child {
margin-right: 0; }
.wrap-flex .articles-access-area span.name {
margin-top: 10px !important;
margin-bottom: 10px;
font-size: 16px !important; }
.wrap-flex .articles-access-area span.eye {
color: #8d8d8d; }
.wrap-flex .articles-access-area .date {
color: #898989;
font-size: 12px; }
.wrap-flex .articles-access-area .rank-wrap {
margin-bottom: 24px;
padding-bottom: 14px;
position: relative;
border-bottom: 1px dotted #9b9b9b; }
.wrap-flex .articles-access-area .rank-wrap .articles-rank {
max-width: 100%;
height: auto;
padding-top: 70%;
border-bottom: none; }
.wrap-flex .articles-access-area .rank-wrap img {
width: 100% !important;
height: auto !important;
transition: 1.0s; }
.wrap-flex .articles-access-area .rank-wrap img:hover {
opacity: 0.5;
cursor: pointer; }
.wrap-flex .articles-access-area .rank-wrap:nth-child(odd) {
margin-right: 0px; }
#articles-area { }
#articles-area .articles-img:first-child .articles-keyvisual {
width: 100%;
height: auto;
padding-top: 80%; }
#articles-area .articles-img:nth-child(n + 2) .articles-keyvisual {
width: 250px !important;
height: 170px; }
#articles-area .name-detail {
font-size: 26px;
font-weight: bold;
line-height: 120%;
margin-top: -10px;
margin-bottom: 18px;
padding-bottom: 14px;
border-bottom: 3px solid #000; }
#articles-area .calender-detail {
margin-top: -2px;
width: 240px;
float: right;
text-align: right;
*zoom: 1; }
#articles-area .calender-detail:after {
content: "";
display: table;
clear: both; }
#articles-area span.term-detail {
padding: 0; }
#articles-area .term-detail a {
background: #fff;
text-align: center;
margin-bottom: 15px;
padding: 0 10px;
border: 1px solid #000;
font-size: 9px;
margin-right: 5px;
display: inline-block; }
@media screen and (max-width: 768px) {
#articles-area .articles-img:nth-child(n + 2) .articles-keyvisual {
width: 100% !important;
height: 220px; }
.articles-title {
max-width: 220px;
margin: -10px auto 20px !important; }
.articles-title img {
margin-bottom: 14px; }
#articles-area.list {
-webkit-flex-direction: column; flex-direction: column;
padding: 0 10px; }
#articles-area.list .img-wrap {
width: 100%; }
#articles-area.list .sns-wrap {
margin-bottom: 28px;
*zoom: 1; }
#articles-area.list .sns-wrap:after {
content: "";
display: table;
clear: both; }
#articles-area.list .sns-wrap span {
width: 32%; }
#articles-area.list .calender-detail {
width: 100%;
text-align: left;
margin-top: 6px;
margin-bottom: 6px; }
#articles-area.list .term-detail {
float: left;
display: block; }
#articles-area.list .articles-img {
margin-bottom: 30px;
padding-bottom: 0px;
-webkit-flex-direction: column; flex-direction: column; }
#articles-area.list .articles-img .text-area {
padding: 20px 12px 0;
margin-bottom: 0; }
#articles-area.list .articles-img .text-area .name {
font-size: 18px; }
#articles-area.list .articles-img:first-child {
padding-bottom: 0; }
#articles-area.list .articles-img:first-child .text-area {
padding: 20px 12px 0;
margin-bottom: 0; }
#articles-area.list .detail .inner-wrap {
padding: 0px 5px 50px; }
.wrap-flex .articles-access-area {
height: auto;
background: #ffffff;
width: 100%; }
.wrap-flex .articles-access-area .rank-wrap {
width: 48%; }
.wrap-flex .articles-access-area .rank-wrap:nth-child(odd) {
margin-right: 4%; }
.wrap-flex .articles-access-area .wpp-list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media screen and (max-width: 480px) {
#articles-area.list figure {
margin-bottom: 15px; }
#articles-area.list .sns-wrap span {
width: 28%; }
.detail .inner-wrap {
padding: 0px 20px 50px; } }
.articles-wrap {
max-width: 880px;
margin: 0px auto 20px;
padding-top: 0 !important;
padding-bottom: 20px;
color: #ffffff; }
.articles-wrap time {
font-size: 16px;
z-index: 2;
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100px;
height: 30px; }
.articles-wrap figure {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #000000), color-stop(0.5, transparent), to(transparent));
-webkit-background-size: 2px; }
@media screen and (max-width: 768px) {
.articles-wrap {
max-width: 700px;
padding-top: 200px; }
.articles-wrap h1 {
top: 70px;
left: 0;
right: 0;
bottom: 0;
width: 600px; } }
@media screen and (max-width: 480px) {
.articles-wrap {
max-width: 880px;
padding-top: 150px; }
.articles-wrap h1 {
top: 55px;
left: 0;
right: 0;
bottom: 0;
font-size: 13px !important;
width: 320px; }
.articles-wrap time {
font-size: 12px; }
.articles-wrap span.term-detail {
margin-top: 10px; } }
.fadeInDown {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.1s;
-ms-animation-duration: 1.1s;
animation-duration: 1.1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important; }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0.2;
-webkit-transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@keyframes fadeInDown {
0% {
opacity: 0.2;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
#trusted-area {
width: 100%;
height: auto;
background: #ffffff; }
#trusted-area p.read {
margin-bottom: 60px; }
#trusted-area .img-wrap {
*zoom: 1;
margin-bottom: 20px;
clear: both;
width: 100%;
text-align: center;
font-size: 12px; }
#trusted-area .img-wrap:after {
content: "";
display: table;
clear: both; }
#trusted-area .img-wrap .arrival-img {
width: 48%;
position: relative;
float: left;
margin-right: 2%;
margin-bottom: 20px;
cursor: pointer; }
#trusted-area .img-wrap .arrival-img img {
width: 100% !important; }
#trusted-area .img-wrap .arrival-text {
width: 48%;
position: relative;
float: right;
margin-bottom: 20px;
text-align: left; }
#trusted-area .img-wrap .arrival-text h1 {
font-size: 20px; }
#trusted-area .img-wrap .arrival-text .url {
margin-bottom: 15px; }
#trusted-area .img-wrap .arrival-text .url a {
text-decoration: underline; }
#trusted-area .img-wrap .arrival-img:nth-of-type(2n) {
margin-right: 0; }
#trusted-area .img-wrap .list-thumb {
width: 100%;
height: 180px; }
#trusted-area .img-wrap img {
display: block; }
#trusted-area .img-wrap span {
display: block;
color: #000000;
font-size: 11px; }
#trusted-area .img-wrap .name {
margin-bottom: 0px;
font-size: 12px;
line-height: 140%;
text-align: center;
font-weight: 900; }
#trusted-area .img-wrap .date {
color: #898989;
font-size: 11px;
font-weight: 400; }
@media screen and (max-width: 480px) {
#trusted-area .img-wrap {
*zoom: 1;
margin-bottom: 20px;
clear: both;
width: 100%;
text-align: center;
font-size: 12px; }
#trusted-area .img-wrap:after {
content: "";
display: table;
clear: both; }
#trusted-area .img-wrap .arrival-img {
width: 100%;
position: relative;
float: left;
margin-right: 2%;
margin-bottom: 20px;
cursor: pointer; }
#trusted-area .img-wrap .arrival-img img {
width: 100% !important; }
#trusted-area .img-wrap .arrival-text {
width: 100%; } }
#contact {
font-size: 14px;
letter-spacing: 1px;
line-height: 270%;
background: #ffffff !important; }
#contact h1 {
margin-bottom: 27px;
text-align: center; }
#contact b {
color: #b20000;
padding-top: 5px; }
#contact .contact__read {
margin-bottom: 54px;
text-align: center; }
#contact .contact__read .contact__read__aten {
display: block;
font-size: 12px;
margin-top: 50px;
letter-spacing: 3px; }
#contact .contact__read .contact__read__aten a {
color: #000000;
letter-spacing: 1px; }
#contact .contact__read .contact__read__aten--color {
color: #4a4a4a; }
#contact .contact__read--confirm {
margin-bottom: 60px; }
#contact .error {
margin-top: -60px;
margin-bottom: 55px;
color: #ff0000;
font-weight: bold; }
#contact #contact_wrapper {
max-width: 467px;
margin: auto;
text-align: left; }
#contact #contact_wrapper dl {
line-height: 100%;
margin-bottom: 33px; }
#contact #contact_wrapper dl dt {
font-weight: bold !important;
font-style: italic;
margin-bottom: 14px; }
#contact #contact_wrapper dl dd input,
#contact #contact_wrapper dl dd textarea {
background: #f7f7f7;
border: solid 1px #e1e1e1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 15px;
color: #000; }
#contact #contact_wrapper dl dd input {
width: 100%;
height: 2em;
padding: 3px 5px; }
#contact #contact_wrapper dl dd input:focus {
border: solid 1px #EEA34A; }
#contact #contact_wrapper dl dd textarea {
width: 100%;
height: 12em;
padding: 3px 5px; }
#contact #contact_wrapper dl dd.confirm-frame {
background: #f7f7f7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 15px;
padding: 12px 14px; }
#contact #contact_wrapper #btn_area {
max-width: 320px;
margin: auto; }
#contact #contact_wrapper .btn-long {
background: #000;
width: 100%;
height: 43px;
font-size: 15px;
color: #fff;
text-align: center;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#contact #contact_wrapper .btn-short {
background: #000;
width: 48%;
height: 43px;
font-size: 15px;
color: #fff;
text-align: center;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
@media screen and (max-width: 900px) {
#contact {
padding-bottom: 40px; }
#contact .contact__read br {
display: none; } } footer {
height: auto;
background: #000000;
clear: both; }
footer .pagetop {
text-align: center;
font-size: 20px;
background: #222222; }
footer .pagetop a {
padding: 1% 0;
display: block; }
footer .pagetop i {
color: #fff; }
footer small {
width: 100%;
padding: 24px 0;
clear: both;
letter-spacing: 0px;
text-align: center;
display: block;
font-size: 11px;
color: #fff;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
footer .footer-area {
width: 19%;
padding-right: 3%;
float: left; color: #ffffff; }
footer .footer-area a {
color: #ffffff !important; }
footer .footer-area p {
font-size: 15px;
margin-bottom: 13px; }
footer .footer-area li {
list-style: none;
font-size: 11px; }
footer .footer-area-large {
max-width: 43%;
width: auto;
float: left; color: #ffffff; }
footer .footer-area-large a {
color: #ffffff !important; }
footer .footer-area-large p {
margin-bottom: 13px; }
footer .footer-area-large li {
list-style: none;
font-size: 12px;
margin-left: 1.2em; }
footer .border-white {
width: 100%;
height: 1px;
background: #ffffff; }
footer .footer-lower-wrap {
padding: 2% 0;
max-width: 870px;
margin: auto;
*zoom: 1;
position: relative; }
footer .footer-lower-wrap:after {
content: "";
display: table;
clear: both; }
footer #navi-wrap {
max-width: 890px;
height: 66px;
margin: auto;
position: relative;
*zoom: 1; }
footer #navi-wrap:after {
content: "";
display: table;
clear: both; }
footer #navi-wrap .gnavi {
max-width: 890px;
position: absolute;
text-align: right;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
top: 20px;
left: 0px; }
footer #navi-wrap .gnavi li {
float: left;
margin: 0 15px;
letter-spacing: 1px;
position: relative;
display: inline-block;
padding: .0em 0em .3em;
text-decoration: none !important;
font-size: 13px; }
footer #navi-wrap .gnavi li a {
color: #ffffff !important; }
footer #navi-wrap .gnavi li::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transform: scaleX(0);
background-color: #fff;
transition: all .3s ease; }
footer #navi-wrap .gnavi li:hover::after { }
footer #navi-wrap .gnavi li.active a {
color: #ffffff !important; }
footer .snsnavi {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
width: 100%;
text-align: center;
padding: 7px 0 15px;
*zoom: 1; }
footer .snsnavi:after {
content: "";
display: table;
clear: both; }
footer .snsnavi ul {
width: 65px;
margin: auto; }
footer .snsnavi li {
float: left;
width: 24px;
height: 24px;
margin-right: 13px;
-webkit-border-radius: 11px; -moz-border-radius: 11px;
border-radius: 11px;
background-color: #fff;
line-height: 24px;
padding-left: 1px;
text-align: center; }
footer .snsnavi li a {
color: #000000 !important; }
footer .snsnavi li:last-child {
margin-right: 0px; }
@media screen and (max-width: 768px) {
footer .button {
width: 100%; } }
@media screen and (max-width: 480px) {
footer .pagetop a {
padding: 6% 0; }
footer .snsnavi {
padding: 20px 0 15px; }
footer .footer-area {
width: 95%;
float: none;
margin-bottom: 25px;
padding-left: 5%;
color: #ffffff; }
footer .footer-area a {
color: #ffffff !important;
text-decoration: none; }
footer .footer-area ul {
padding-top: 20px; }
footer .footer-area li {
list-style: none;
font-size: 12px;
margin-right: 1em;
margin-left: 0;
float: none;
display: inline; }
footer .footer-area-large {
max-width: 100% !important;
text-align: center;
width: auto;
float: none;
margin: 0;
color: #ffffff; }
footer .footer-area-large a {
color: #ffffff !important; }
footer .footer-area-large p {
margin-bottom: 13px; }
footer .footer-area-large li {
list-style: none;
font-size: 12px;
float: none;
margin-left: 1.2em; }
footer small {
font-size: 10px; }
footer #navi-wrap {
display: none; } }html, body, #sb-site, .sb-site-container, .sb-slidebar { margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow-x: hidden; }
html {
height: 100%; }
body {
min-height: 100%;
height: auto;
position: relative; } html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden;
} #sb-site, .sb-site-container { width: 100%;
min-height: 100vh;
position: relative;
z-index: 1;   } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
content: ' ';
display: table;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
clear: both;
} .sb-slidebar {
height: 100%;
overflow-y: auto; position: fixed;
top: 0;
z-index: 1000; display: none; background-color: #222222; }
.sb-slidebar, .sb-slidebar * {
-webkit-transform: translateZ( 0px ); }
.sb-left {
left: 0; }
.sb-right {
right: 0; }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; }
.sb-slidebar.sb-active {
display: block; }
.sb-style-overlay {
z-index: 9999; }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; } .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { .sb-slidebar {
width: 70%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { .sb-slidebar {
width: 55%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (min-width: 768px) { .sb-slidebar {
width: 40%;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
}
@media (min-width: 992px) { .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
}
@media (min-width: 1200px) { .sb-slidebar {
width: 20%;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transform: translate( 0px );
-moz-transform: translate( 0px );
-o-transform: translate( 0px );
transform: translate( 0px );
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition:    -moz-transform 400ms ease;
-o-transition:      -o-transform 400ms ease;
transition:         transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; } .sb-hide { 
display: none; }@font-face {
font-family: 'flexslider-icon';
src: url(/common/css/fonts/flexslider-icon.eot);
src: url(/common/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(/common/css/fonts/flexslider-icon.woff) format('woff'), url(/common/css/fonts/flexslider-icon.ttf) format('truetype'), url(/common/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 0px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 50px;
margin: -25px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 24px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}