@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,700,700italic);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  font-family: Helvetica,  'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  padding-top: 0;
  font-size: 15px;
  line-height: 2;
  font-weight: 200;
}
body.admin-bar body {
  padding-top: 32px;
}

.clear {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

a {
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  opacity: .8;
}

.wrap {
  width: 940px;
  margin: 0 auto;
}
#header .wrap {
  width: 1120px;
}

.wrap2 {
  width: 672px;
  margin: 0 auto;
}

#main {
  width: 100%;
  float: left;
}

.main-inner {
  margin-right: 330px;
}

#side {
  width: 282px;
  margin-left: -282px;
  float: left;
}

#content img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.fixed_nav {
  z-index: 1;
}

.cat-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
  vertical-align: baseline;
}
.cat-title .news {
  font-size: 45px;
}

.post-loop-wrap {
  overflow: hidden;
}
.post-loop-wrap article {
  overflow: hidden;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #eeeeee;
}
.post-loop-wrap article .thumb {
  width: 300px;
  float: left;
}
.post-loop-wrap article .cont {
  margin-left: 320px;
  font-size: 13px;
  line-height: 1.4;
}
.post-loop-wrap article .cont .post-title {
  font-size: 17px;
  margin-bottom: 1em;
}
.post-loop-wrap article .cont .post-title a {
  color: #232323;
}

.side-title {
  font-size: 17px;
  color: #969696;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}

.side-widget {
  margin-bottom: 42px;
}

.widget_mycategoryorder a {
  color: #969696;
}

.side-widget-inner .cat-item a {
  color: #969696;	
}

.widget_recent_entries .thumb {
  width: 100px;
  float: left;
}
.widget_recent_entries .cont {
  margin-left: 112px;
  padding: 4px 0;
  font-size: 12px;
}
.widget_recent_entries li {
  border-bottom: 1px solid #eee;
}
.widget_recent_entries a {
  color: #5d5d5d;
  display: block;
  overflow: hidden;
  padding: 4px 0;
}

.post-header,
body.page-template-page-dealers .surfboard-content h2,
body.page-template-page-dealers .dealer-cont .dealer-sub-cont h3,
body.page-id-15 #content h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

#header {
  font-family: Helvetica;
  font-weight: 100;
  background: #fff;
  width: 100%;
}
#header .wrap {
  padding: 6px 0;
}

#logo {
  float: left;
  margin: 0;
}

#header-gnav-area {
  float: left;
  margin-left: 30px;
  margin-top: 18px;

}
#header-gnav-area li {
  display: inline-block;
  font-size: 20px;
  line-height: 10px;
}
#header-gnav-area li a {
  display: block;
  padding: 12px 10px 12px;
  border-bottom: 4px solid transparent;
  color: #030000;
}
#header-gnav-area li a:hover {
  border-bottom-color: #2ea2db;
  text-decoration: none;
  color: #d5d5d6;
}

#header-store {
  float: right;
}

.sns-area {
  position: relative;
  height: 0;
  width: 100%;
}
.sns-area #top-sns {
  text-align: center;
  position: absolute;
  top: 50px;
  left: 32px;
  margin: auto;
  font-size: 24px;
  z-index: 10;
}
.sns-area #top-sns li {
  vertical-align: middle;
  width: 50px;
  margin-bottom: 18px;
}

#footer {
  background: url(../images/footer_bg.jpg) center top;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-family: Helvetica;
}

.footer-01 {
  padding: 35px 0 20px;
}
.footer-01 ul li {
  display: inline-block;
  margin: 10px;
}

.footer-02 ul {
  max-width: 400px;
  margin: 0 auto;
  font-size: 0px;
}
.footer-02 ul li {
  width: 50%;
  display: inline-block;
  font-size: 25px;
  font-weight: 200;
}
.footer-02 ul li a {
  color: #fff;
  display: block;
  line-height: 1.8;
}

.footer-03 {
  font-weight: bold;
  padding-top: 1px;
}
.footer-03 .footer-title {
  font-size: 115px;
  letter-spacing: -3px;
  margin-bottom: -0.4em;
  opacity: .9;
}
.footer-03 .footer-address {
  font-size: 30px;
  opacity: .9;
  line-height: 1.1;
}

.footer-04 {
  padding: 10px 0;
}
.footer-04 ul li {
  display: inline-block;
  margin-bottom: 4px;
}
.footer-04 ul li a {
  display: block;
  padding: 0 12px;
  color: #fff;
  font-size: 12px;
}
.footer-04 ul li:first-child {
  border-right: 1px solid #fff;
}

#pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 36px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#pagetop a {
  display: block;
  line-height: 50px;
  color: #fff;
}

body.page #title-area {
  text-align: center;
  position: relative;
  height: calc( 100vh - 93px );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.page #title-area img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
body.page #title-area .post-title {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: auto;
  height: 140px;
  line-height: 1;
  text-align: center;
  font-size: 120px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.08em;
}
body.page #title-area .post-title:after {
  content: '';
  display: block;
  height: 4px;
  width: 220px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

body.page.page-id-9 #content {
  background: #000;
  color: #fff;
  text-align: center;
}
body.page.page-id-9 .sub-cont {
  padding: 50px;
}
body.page.page-id-9 h2 {
  font-size: 45px;
  margin-bottom: 50px;
  font-weight: normal;
}
body.page.page-id-9 h2 span {
  font-size: 24px;
  display: block;
}
body.page.page-id-9 p {
  margin-bottom: 2em;
}

#board-page-nav {
  background: #000;
  color: #fff;
}
#board-page-nav li {
  width: 14.2%;
  float: left;
}
#board-page-nav a {
  color: #fff;
  font-size: 13.4px;
  font-weight: bold;
  line-height: 1.4;
  display: block;
  padding: 40px 12px;
  text-align: center;
  position: relative;
}
#board-page-nav a:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
#board-page-nav a:hover {
  background: #4c97ba;
  opacity: 1;
}
#board-page-nav a:hover img {
  opacity: 1;
}
#board-page-nav a:hover:after {
  border-bottom-color: #fff;
  opacity: 1;
}

.surfboard-content {
  text-align: center;
}
.surfboard-content h2 {
  font-size: 52px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 30px;
}
.surfboard-content .board-cont {
  padding: 110px 0 0;
}
.surfboard-content .board-sub-cont {
  padding: 35px 0;
}
.surfboard-content a:hover {
  opacity: 1;
}

body.page-id-482 #board-page-nav li {
  width: auto;
}
body.page-id-482 #board-page-nav li a {
  padding: 51px 21px;
  line-height: 20px;
}

.family-sub-cont {
  background-size: cover;
  padding: 86px 0;
  color: #fff;
}
.family-sub-cont .wrap {
  overflow: hidden;
}
.family-sub-cont .inner {
  width: 500px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.family-sub-cont h2 {
  text-align: center;
  position: relative;
  padding-bottom: 32px;
  padding-top: 80px;
  letter-spacing: -0.06em;
}
.family-sub-cont h2:after {
  content: '';
  display: block;
  width: 220px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}
.family-sub-cont .cont {
  text-align: left;
}
.family-sub-cont .cont p {
  margin-bottom: 2em;
}
.family-sub-cont.left .inner {
  float: left;
}
.family-sub-cont.right .inner {
  float: right;
}

body.page-id-1472 #footer {
  padding-top: 40px;
  padding-bottom: 60px;
}
body.page-id-1472 .slide-wrap {
  position: relative;
  overflow: hidden;
}
body.page-id-1472 .left {
  text-align: center;
  padding: 280px 0;
}
body.page-id-1472 .right {
  background-size: cover;
  min-height: 752px;
}
body.page-id-1472 .right h3 {
  font-size: 114px;
  font-weight: bold;
}
body.page-id-1472 .history-box {
  box-sizing: border-box;
  margin-left: 50%;
  width: 40%;
  text-align: left;
}
body.page-id-1472 .history-box p {
  margin-bottom: 1.4em;
}
body.page-id-1472 .h1992 .left {
  background: #e51f19;
}
body.page-id-1472 .h1992 h3 {
  color: #e51f19;
}
body.page-id-1472 .h1992 .right {
  background-image: url(../images/history-1992-img.jpg);
  color: #fff;
}
body.page-id-1472 .h1994 .left {
  background: #2a917e;
}
body.page-id-1472 .h1994 h3 {
  color: #2a917e;
}
body.page-id-1472 .h1994 .right {
  background-image: url(../images/history-1994-img.jpg);
  color: #fff;
}
body.page-id-1472 .h1996 .left {
  background: #845991;
}
body.page-id-1472 .h1996 h3 {
  color: #845991;
}
body.page-id-1472 .h1996 .right {
  background-image: url(../images/history-1996-img.jpg);
  color: #000;
}
body.page-id-1472 .h2002 .left {
  background: #3a56a3;
}
body.page-id-1472 .h2002 h3 {
  color: #3a56a3;
}
body.page-id-1472 .h2002 .right {
  background-image: url(../images/history-2002-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2004 .left {
  background: #ffd500;
}
body.page-id-1472 .h2004 h3 {
  color: #ffd500;
}
body.page-id-1472 .h2004 .right {
  background-image: url(../images/history-2004-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2006 .left {
  background: #7cdbd4;
}
body.page-id-1472 .h2006 h3 {
  color: #7cdbd4;
}
body.page-id-1472 .h2006 .right {
  background-image: url(../images/history-2006-img.jpg);
  color: #000;
}
body.page-id-1472 .h2010 .left {
  background: #f90047;
}
body.page-id-1472 .h2010 h3 {
  color: #f90047;
}
body.page-id-1472 .h2010 .right {
  background-image: url(../images/history-2010-img.jpg);
  color: #3c3c3c;
}
body.page-id-1472 .h2011 .left {
  background: #2f57d9;
}
body.page-id-1472 .h2011 h3 {
  color: #2f57d9;
}
body.page-id-1472 .h2011 .right {
  background-image: url(../images/history-2011-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2013 .left {
  background: #ff4730;
}
body.page-id-1472 .h2013 h3 {
  color: #ff4730;
}
body.page-id-1472 .h2013 .right {
  background-image: url(../images/history-2013-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2014 .left {
  background: #fff;
}
body.page-id-1472 .h2014 h3 {
  color: #fff;
}
body.page-id-1472 .h2014 .right {
  background-image: url(../images/history-2014-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2015 .left {
  background: #80c1cc;
}
body.page-id-1472 .h2015 h3 {
  color: #80c1cc;
}
body.page-id-1472 .h2015 .right {
  background-image: url(../images/history-2015-img.jpg);
  color: #3c3c3c;
}
body.page-id-1472 .h2016 .left {
  background: #d75e5c;
}
body.page-id-1472 .h2016 h3 {
  color: #d75e5c;
}
body.page-id-1472 .h2016 .right {
  background-image: url(../images/history-2016-img.jpg);
  color: #fff;
}
body.page-id-1472 .h2017 .left {
  background: #3a56a3;
}
body.page-id-1472 .h2017 h3 {
  color: #3a56a3;
}
body.page-id-1472 .h2017 .right {
  background-image: url(../images/history-2017-img.jpg);
  color: #3c3c3c;
}

body.page-id-1472 .h2014 .fp-controlArrow.fp-next {
  border-left-color: #444;
}
body.page-id-1472 .h2014 .fp-controlArrow.fp-prev {
  border-right-color: #444;
}


body.page-id-15 #content {
  color: #fff;
  text-align: center;
}
body.page-id-15 #content .wrap {
  padding: 70px 0 100px;
}
body.page-id-15 #content a {
  color: #fff;
}
body.page-id-15 #content .black {
  background: #000;
}
body.page-id-15 #content .gray {
  background: #282828;
}
body.page-id-15 #content p {
  margin-bottom: 10px;
}
body.page-id-15 #content p.p-list {
  font-size: 22px;
  font-weight: 100;
  line-height: 1.6;
}
body.page-id-15 #content dl.p-list {
  display: table;
  -moz-tab-size: fixed;
    -o-tab-size: fixed;
       tab-size: fixed;
  width: 500px;
  max-width: 100%;
  margin: 0 auto 12px;
  font-size: 22px;
  font-weight: 100;
  line-height: 1.6;
}
body.page-id-15 #content dl.p-list dt {
  display: table-cell;
  text-align: left;
}
body.page-id-15 #content dl.p-list dd {
  display: table-cell;
  text-align: right;
}
body.page-id-15 #content .notice {
  border: 2px solid #fff;
  width: 480px;
  margin: 0 auto;
  padding: 14px;
  text-align: left;
}
body.page-id-15 #content .notice h3 {
  font-size: 18px;
}
body.page-id-15 #content h2 {
  margin-bottom: 40px;
  font-size: 35px;
}
body.page-id-15 #content h2 span {
  font-size: 34px;
  border-bottom: 4px solid #fff;
  padding: 12px 0;
  font-weight: bold;
}
body.page-id-15 .board-sample-link a {
  display: block;
  max-width: 280px;
  border: 1px solid #fff;
  padding: 10px;
  text-align: center;
  background: #838383;
  margin: 0 auto;
  font-size: 22px;
  font-weight: bold;
}
body.page-id-15 .custom-01 h2 {
  font-size: 40px;
  font-weight: 100;
  margin-bottom: 40px;
}
body.page-id-15 .custom-01 h3 {
  margin: 90px 0 40px;
  font-size: 36px;
  font-weight: bold;
}
body.page-id-15 .custom-01 .b-list {
  font-size: 18px;
  margin-bottom: 24px;
}

body.page-id-1458 #title-area {
  display: none;
}
body.page-id-1458 #content .wrap {
  padding: 50px 0;
}
body.page-id-1458 #content h2 {
  text-align: center;
  margin-bottom: 36px;
}
body.page-id-1458 #content h2 span {
  padding-bottom: 8px;
  font-size: 34px;
  font-weight: bold;
  border-bottom: 4px solid #000;
}
body.page-id-1458 #content ul {
  width: 100%;
  font-size: 0;
  margin-bottom: 24px;
}
body.page-id-1458 #content ul li {
  width: 12.5%;
  font-size: 14px;
  text-align: center;
  display: inline-block;
}
body.page-id-1458 #content ul li img {
  width: 100%;
  height: auto;
}
body.page-id-1458 #content ul li .price {
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}
body.page-id-1458 #content .pt {
  margin-bottom: 24px;
  text-align: right;
}
body.page-id-1458 #content .pt a {
  color: #000;
  font-size: 12px;
}

body.page-template-page-dealers .dealers-header {
  background: #ededed;
  color: #727171;
  text-align: center;
  position: relative;
}
body.page-template-page-dealers .dealers-header h2 {
  font-size: 30px;
  margin-bottom: 28px;
  line-height: 1.4em;
  letter-spacing: -2px;
  font-weight: lighter;
}
body.page-template-page-dealers .dealers-header .wrap {
  padding: 45px 0 90px;
  width: 1000px;
}
body.page-template-page-dealers .dealers-header:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 28px solid transparent;
  border-top-color: #ededed;
  position: absolute;
  bottom: -56px;
}
body.page-template-page-dealers .dealers-map {
  position: relative;
}
body.page-template-page-dealers .dealers-map:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 28px solid transparent;
  border-top-color: #fff;
  position: absolute;
  bottom: -56px;
  z-index: 2;
}
body.page-template-page-dealers .dealers-map .wrap {
  padding: 340px 0 90px;
}
body.page-template-page-dealers .dealers-map .map {
  position: absolute;
  top: -46px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
body.page-template-page-dealers .dealers-map .map img {
  width: 904px !important;
}
body.page-template-page-dealers .dealers-map .shop-list-nav {
  text-align: center;
  width: 700px;
  margin: auto;
}
body.page-template-page-dealers .dealers-map .shop-list-nav li {
  display: inline-block;
  font-size: 21px;
}
body.page-template-page-dealers .dealers-map .shop-list-nav li:after {
  content: '・';
}
body.page-template-page-dealers .dealers-map .shop-list-nav li a {
  color: #2a2a2a;
}
body.page-template-page-dealers .dealers-map .shop-list-nav li a:hover {
  color: #13ac85;
}
body.page-template-page-dealers .surfboard-content {
  background: #ededed;
}
body.page-template-page-dealers .surfboard-content h2 {
  font-size: 49px;
}
body.page-template-page-dealers .surfboard-content h2 span {
  font-size: 26px;
  display: block;
  color: 494949;
  font-weight: normal;
}
body.page-template-page-dealers .dealer-cont:before {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background: -webkit-linear-gradient(top, #e8eaea, #ededed);
  background: linear-gradient(to bottom, #e8eaea, #ededed);
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont {
  text-align: left;
  border-bottom: 1px solid #cfcfcf;
  padding: 42px 0;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont h3 {
  font-size: 36px;
  margin-bottom: 12px;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont h3 span {
  font-size: 18px;
  color: 494949;
  display: block;
  font-weight: normal;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .thumb {
  width: 448px;
  float: left;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .thumb img {
  width: 100%;
  height: auto;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .cont {
  margin-left: 508px;
  font-size: 11px;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .cont ul {
  margin-bottom: 16px;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .cont ul li {
  display: inline-block;
  margin-right: 8px;
  width: 32px;
  vertical-align: top;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .cont .address-title {
  font-weight: bold;
}
body.page-template-page-dealers .dealer-cont .dealer-sub-cont .cont hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
}

body.single .main-inner {
  margin: 0;
}
body.single .post-title {
  font-size: 34px;
}
body.single .date {
  color: #bcbcbc;
  margin: 0 0 1em !important;
  line-height: 1.3;
}
body.single .hentry p, body.single .hentry h2, body.single .hentry h3, body.single .hentry h4, body.single .hentry h5, body.single .hentry h6 {
  margin: 1em 0;
}
body.single .hentry iframe {
  max-width: 100%;
}

.post-header-area {
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding: 140px 0;
}
.post-header-area p, .post-header-area h1 {
  font-size: 65px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -2px;
}
.post-header-area p:after, .post-header-area h1:after {
  content: '';
  display: block;
  width: 220px;
  height: 4px;
  background: #fff;
  margin: auto;
}

.blog-content {
  padding-bottom: 52px;
}
.blog-content .post-header {
  text-align: center;
  color: #000000;
  padding: 48px 0;
}
.blog-content .post-header .date {
  color: #2b2b2b;
  font-size: 40px;
  line-height: 130%;
}
.blog-content .post-header .day {
  font-size: 50px;
}

body.author .main-inner {
  margin: 0;
}

.home-mainv {
  background: #fff;
  color: #fff;
  text-align: center;
  position: relative;
  height: calc( 100vh - 93px );
}
.home-mainv .wrap {
  padding: 90px 0;
}
.home-mainv h2 {
  font-size: 85px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 50px;
}
.home-mainv h2 span {
  font-size: 30px;
  display: block;
  margin-bottom: 32px;
}
.home-mainv h2:after {
  content: '';
  display: block;
  width: 220px;
  height: 4px;
  background: #fff;
  margin: auto;
}

.home-boards {
  color: #fff;
  background-image: url(../images/top_board.jpg);
  background-size: cover;
  text-align: center;
  font-weight: bold;
}
.home-boards .wrap {
  padding: 90px 0;
}
.home-boards h2 {
  font-size: 100px;
  margin-bottom: 30px;
  font-weight: bold;
letter-spacing: -5px;
}
.home-boards h2:after {
  content: '';
  display: block;
  width: 220px;
  height: 4px;
  background: #fff;
  margin: auto;
}
.home-boards .no-wrap {
  font-size: 95px;
}
.home-boards .no-wrap .no {
  font-size: 30px;
  font-weight: normal;
}
.home-boards h3 {
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 24px;
}
.home-boards h4 {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 24px;
}
.home-boards ul li {
  display: inline-block;
  vertical-align: top;
  width: 310px;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.home-boards ul.col2-wrap {
  margin: 0 -10px;
  font-size: 0;
}
.home-boards ul.col2-wrap li.item {
  font-size: 16px;
  width: 50%;
  padding: 0 3px;
}
.home-boards a {
  border: 2px solid #fff;
  display: block;
  width: auto;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  margin: auto;
}
.home-boards a:hover {
  opacity: 1;
  background: #fff;
  color: #3b3b3b;
}

body.home {
  padding-top: 92px;
}
body.home .bl {
  background: #000;
  height: 120px;
  clear: both;
}
body.home #header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
}

.home-news-list {
  background-image: url(../images/toppage_news.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  padding: 100px 0;
}
.home-news-list h2 {
  font-size: 80px;
  font-weight: bold;
  margin-bottom: 60px;
letter-spacing: 0px;
}
.home-news-list h2 span {
  border-bottom: 4px solid #fff;
}
.home-news-list a {
  font-size: 26px;
  font-weight: bold;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.home-news-list a .date {
  color: #ff4c3d;
}
.home-news-list a .title {
  color: #fff;
  margin-bottom: 60px;
}
.home-news-list a.news-link {
  display: block;
  width: 300px;
  border: 3px solid #fff;
  font-weight: bold;
  font-size: 40px;
  margin: auto;
}
.home-news-list .flexslider2 {
  background: transparent;
  border: none;
}

.home-news-list a:hover {
  opacity: 1;
  background: #fff;
  color: #3b3b3b;
}

.home-blog-list {
  font-size: 0;
  position: relative;
}
.home-blog-list .wrap {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 50px;
  font-size: 80px;
  color: #fff;
letter-spacing: -5px;
}
.home-blog-list .wrap h2 {
  text-align: center;
  font-weight: bold;
}
.home-blog-list .wrap h2 span {
  border-bottom: 4px solid #fff;
  padding-bottom: 12px;
}
.home-blog-list article {
  font-size: 18px;
  background-color: #f8f8f8;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
}
.home-blog-list article a {
  display: block;
  height: 550px;
  position: relative;
}
.home-blog-list article a .title {
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
  margin: auto;
  color: #ff4c3d;
  text-align: center;
  font-weight: bold;
}
.home-blog-list article a .title span.author {
  color: #fff;
}
.home-blog-list article a .title span.date2 {
  color: #fff;
  font-size: 21px;
}
.home-blog-list article a:hover {
  background: rgba(0, 0, 0, 0.7);
}

.home-blog-link {
  background: #000;
  color: #fff;
  text-align: center;
}
.home-blog-link .wrap {
  padding: 40px 0;
  width: 1000px;
}
.home-blog-link .wrap h2 span {
  border-bottom: 4px solid #fff;
  padding-bottom: 12px;
}
.home-blog-link li {
  display: inline-block;
}
.home-blog-link li:after {
  content: '/';
}
.home-blog-link a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 8px 12px;
}

.home-store p {
  background: #000000;
 color: #000000
}
.home-store .home-store-01 {
  background: url(../images/home_store_01.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-01 a {
  color: #fff;
}
.home-store .home-store-01 .wrap {
  padding: 52px 0 62px;
  text-align: center;
}
.home-store .home-store-01 h3 {
  font-size: 36px;
  font-weight: bold;
}
.home-store .home-store-01 ul li {
  display: inline-block;
}
.home-store .home-store-01 ul li:after {
  content: '/';
}
.home-store .home-store-01 ul li a {
  font-weight: bold;
  color: #fff;
  padding: 8px 12px;
}
.home-store .home-store-02 {
  background: #009be4;
}
.home-store .home-store-02 .wrap {
  padding: 60px 0 68px;
  text-align: center;
}
.home-store .home-store-03 {
  background: url(../images/goretex.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-03 .wrap {
  padding: 96px 0 88px;
  text-align: center;
}
.home-store .home-store-03 a {
  color: #fff;
}
.home-store .home-store-04 {
  background: url(../images/xf01.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-04 .wrap {
  padding: 38px 0 38px;
  text-align: center;
}
.home-store .home-store-04 a {
  color: #fff;
}
.home-store .home-store-05 {
  background: #000000;
  color: #000000;
}
.home-store .home-store-05 .wrap {
  padding: 60px 0 68px;
  text-align: center;
}
.home-store .home-store-06 {
  background: url(../images/fcoming001.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-06 .wrap {
  padding: 52px 0 62px;
  text-align: center;
}
.home-store .home-store-06 a {
  color: #fff;
}
.home-store .home-store-07 {
  background: url(../images/55a.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-07 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-07 a {
  color: #fff;
}
.home-store .home-store-08 {
  background: url(../images/xftop.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-08 .wrap {
  padding: 52px 0 62px;
  text-align: center;
}
.home-store .home-store-08 a {
  color: #fff;
}
.home-store .home-store-09 {
  background: url(../images/IMG_4435big.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-09 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-09 a {
  color: #fff;
}
.home-store .home-store-10 {
  background: url(../images/dealertop_bg.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-10 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-10 a {
  color: #fff;
}

.home-store .home-store-11 {
  background: url(../images/4611rod.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-11 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-11 a {
  color: #fff;
}
.home-store .home-store-12 {
  background: url(../images/bbwebtop.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-12 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-12 a {
  color: #fff;
}

.home-store .home-store-13 {
  background: url(../images/flex2019.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.home-store .home-store-13 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-13 a {
  color: #fff;
}
.home-store .home-store-14 {
  background: url(../images/IMG_9030webtop.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-14 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-14 a {
  color: #fff;
}
.home-store .home-store-15 {
  background: url(../images/jtopmed02.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-15 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-15 a {
  color: #fff;
}
.home-store .home-store-16 {
  background: url(../images/webbunnerbig2022.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-16 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-16 a {
  color: #fff;
}
.home-store .home-store-17 {
  background: url(../images/crocowebtopbanner.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-17 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-17 a {
  color: #fff;
}
.home-store .home-store-18 {
  background: url(../images/IMG_4417b.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-18 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-18 a {
  color: #fff;
}
.home-store .home-store-19 {
  background: url(../images/webbigrod2a.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-19 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-19 a {
  color: #fff;
}
.home-store .home-store-20 {
  background: url(../images/webbunnerbig.jpg) no-repeat center center;
  background-size: cover;
  color: #000000;
}
.home-store .home-store-20 .wrap {
  padding: 56px 0 78px;
  text-align: center;
}
.home-store .home-store-20 a {
  color: #fff;
}

.home-mainv .flex-direction-nav a:before,
.home-news-list .flex-direction-nav a:before {
  color: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 50px;
}
.home-mainv .flex-direction-nav a,
.home-news-list .flex-direction-nav a {
  width: 50px;
  height: 50px;
}
.home-news-list .flex-direction-nav a {
  opacity: .8;
}
.home-news-list .flex-direction-nav a:hover {
  background: transparent;
  opacity: 1;
}
.home-mainv .flex-direction-nav .flex-prev:before,
.home-news-list .flex-direction-nav .flex-prev:before {
  content: url(../images/arw_left.png);
}
.home-mainv .flex-direction-nav .flex-next:before,
.home-news-list .flex-direction-nav .flex-next:before {
  content: url(../images/arw_right.png);
}
.home-mainv .flex-control-nav {
  bottom: 20px;
  z-index: 100;
}
.home-news-list .flex-control-nav {
  bottom: 10px;
}
.home-mainv .flexslider,
.home-news-list .flexslider2 {
  margin: 0;
  border: none;
}

.home-mainv .flexslider iframe,
.home-news-list .flexslider2  iframe {
  width: 100%;
  height: auto;
}