@charset "UTF-8";
/* 大枠 */
html,
body {
height: 100%;
scrollbar-base-color: #999;
}
body {
background: url(../img/bg_header.png) repeat-x left top;
font-size: 14px;
line-height: 1.6;
}
body#outdoor_top {
background: url(../img/bg_header_w.png) repeat-x left top;
font-size: 14px;
line-height: 1.6;
}
#wrapper {
width: 100%;
min-width: 960px;
position: relative;
}
body > #wrapper {
height: auto;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}
@media print {
html,
html body{ *zoom: 0.65;}
}
/* アクセシビリティ */
.guidance {
left:-999px;
position:absolute;
width:990px;
}
img {
vertical-align: bottom;
box-shadow: #000 0 0 0; /* ロールオーバー対応 */
}
img, x:-moz-any-link, x:default {
box-shadow: #000 0 0 0; /* IE7対応 */
}
/* リンク */
a:link {color:#333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover {color:#333; text-decoration: underline;}
a:active {color:#333; text-decoration: underline;}
/* タイトル */
#site_title {
float: left;
margin: 60px 0 25px 0;
}
p#site_title{
margin: 48px 0 15px 0;
}
p#site_title img{
width: 275px
}
h1.title {
width: 100%;
height: 78px;
overflow: hidden;
}
h1.title span {
display: block;
width: 980px;
margin: 0 auto;
overflow: hidden;
}
h2.title {
border-bottom: 2px solid #E20000;
margin-bottom: 40px;
font-size: 26px;
font-weight: bold;
}
/* ▼▼▼ ヘッダー
=====================================*/
header {
height: 107px;
}
#header_inner {
width: 980px;
margin: 0 auto;
position: relative;
}
/* ヘッダーナビ */
#hnav {
position: absolute;
top: 6px;
right: 100px;
font-size: 12px;
}
#home #hnav {top: 15px;}
#hnav li {
float: left;
margin-left: 30px;
}
#hnav li a {
background: url(../img/arrow_header.gif) no-repeat left center;
padding-left: 15px;
}
#hnav li .online-icon {
background: url(../img/cart_icon_online.png) no-repeat left 5px center #E50020;
padding: 3px 6px 3px 20px;
background-size: 12px;
border-radius: 3px;
color: #fff;
box-shadow: 1px 1px 0px 1px #950015;
display: inline;
}
/* SNS */
#sns {
position: absolute;
top: 5px;
right: 6px;
}
#home #sns {top: 14px;}
#sns li {
float: left;
margin-left: 6px;
}
/* グローバルナビゲーション */
#gnav {
float: right;
margin: 58px 0 0 0;
overflow: hidden;
}
#gnav li {
float: left;
margin-left: 40px;
}
/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
width: 100%;
clear: both;
overflow: hidden;
}
#inner {
width: 980px;
padding: 50px 0;
margin: 0 auto;
overflow: hidden;
}
/* パンくず */
#path {
width: 980px;
margin: 0 auto;
color: #fff;
font-size: 12px;
line-height: 25px;
overflow: hidden;
}
#path li {
float: left;
background: url(../img/path.png) no-repeat right center;
padding-right: 12px;
margin-right: 6px;
}
#path li:last-child {
background: none;
}
#path li a {color: #fff;}
#outdoor_top #path li,
#outdoor_top #path li a {
color: #222;
}
#outdoor_top #path li {
float: left;
background: none;
padding-right: 16px;
margin-right: 6px;
position: relative;
}
#outdoor_top #path li::after {
position: absolute;
right: 0;
content: ">";
color: #999;
}
#outdoor_top #path li:last-child::after {
content: "";
}
/* コンテンツ */
#contents {
float: right;
width: 750px;
overflow: hidden;
}
/* ▼▼▼ サイド
=====================================*/
#side {
float: left;
width: 200px;
overflow: hidden;
}
ul.snav {
border: 1px solid #ccc;
margin-bottom: 30px;
overflow: hidden;
}
ul.snav > li {border-bottom: 1px solid #ccc;cursor: pointer;}
ul.snav > li:last-child {border-bottom: none;}
ul.snav ul {
display: none;
font-size: 12px;
}
ul.snav ul li a {
display: block;
padding: 0 20px;
color: #333;
line-height: 2.5;
}
ul.snav ul li a:hover {
background: #eee;
text-decoration: none;
}
/* ▼▼▼ フッター
=====================================*/
footer {
width: 100%;
background: #EDEDE9 url(../img/bg_footer.png) repeat-x left bottom;
border-top: 3px solid #000;
font-size: 12px;
clear: both;
}
.footer_inner {
width: 960px;
margin: 0 auto;
clear: both;
}
.fi01 {min-height: 300px;}
.fi02 {min-height: 105px;padding: 15px 0 0;}
ul#fnav {
float: left;
}
ul#fnav > li {
float: left;
width: 140px;
min-height: 330px;
background: url(../img/footer_line.gif) repeat-y left top;
padding: 15px 5px 0 15px;
}
ul#fnav > li.f01 {width: 150px;padding-right: 0;}
ul#fnav > li.f02 {width: 155px;padding-right: 0;}
ul#fnav > li.f05 {width: 280px;padding-right: 0;}
ul#fnav > li > p {margin-bottom: 10px; background: url(../img/arrow_footer01.gif) no-repeat left 5px;
padding-left: 15px;}
ul#fnav > li a {
display: block;
}
ul#fnav > li ul.sub > li {margin-bottom: 5px;}
ul#fnav > li ul.sub > li a {
background: url(../img/arrow_footer02.gif) no-repeat 4px center;
padding-left: 15px;
}
body#active_top ul#fnav li.f05 .fb-page{
display: none;
}
ul#fnav > li.f05 .snsLink {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 5px 0 10px;
}
ul#fnav > li.f05 .snsLink li {
margin: 2px 0;
}
ul#fnav > li.f05 .snsLink li a{
display: flex;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
background: none !important;
padding-left: 0;
}
ul#fnav > li.f05 .snsLink li:first-child a{
padding-right: 20px;
}
ul#fnav > li.f05 .snsLink li a img {
width: 16px;
margin-right: 5px;
}
ul#fnav > li.f05 .snsLink li.spacer {
width: 100%;
}
/* ▼ お問合せへのリンク */
ul#fnav li > p.c02,ul#fnav > li p.c03,
#sports ul#fnav > li p.c01,#outdoor_top ul#fnav > li p.c01 {
display: none;
}
#sports ul#fnav > li p.c02,
#outdoor_top ul#fnav > li p.c03 {display: block;}
ul#fnav > li .fb {margin-top: 40px;}
ul#fnav > li .fb a {
background: url(../img/icon02.png) no-repeat left top;
padding: 5px 0 5px 27px;
}
ul.bnr {
float: right;
width: 235px;
margin-top: 30px;
}
ul.bnr li {margin-bottom: 50px;}
ul.bnr li:last-child {margin-bottom: 0;}
.address {float: left;}
ul#fnav > li.f01 ul.sub li.bnr-newsroom a {
background: none !important;
padding-left: 0 !important;
padding-right: 12px !important;
}
ul#fnav > li.f01 ul.sub li.bnr-newsroom a:hover {
opacity: 0.6;
}
ul#fnav > li.f01 ul.sub li.bnr-newsroom a img {
width: 90%;
}
/* ▼ ページ上部へ戻る */
.pagetop {
text-align: right;
}
/* ▼ コピーライト */
/* SNSアイコン */
#copyright {
float: right;
}
.sp {
padding: 10px 0;
text-indent: -9999px;
clear: both;
overflow: hidden;
}
.sp a {
display: block;
width: 210px;
height: 31px;
background: url(../img/btn_sp.png) no-repeat left top;
margin: 0 auto;
}
.snsIcon{
display: flex;
align-items: center;
margin-bottom:10px;
}
.snsIcon li{
margin-left: 20px;
}
.snsIcon li img{
width: 22px;
height: auto;
}
.snsIcon a:hover,.snsIcon a:active{
display: block;
opacity: 0.6;
}
/*#copyright {
float: right;
}
.sp {
padding: 10px 0;
text-indent: -9999px;
clear: both;
overflow: hidden;
}
.sp a {
display: block;
width: 210px;
height: 31px;
background: url(../img/btn_sp.png) no-repeat left top;
margin: 0 auto;
}
*/
/* ▼▼▼ 企業情報
=====================================*/
#company ul.snav .s01 img,
#outline ul.snav .s02 img,
#en ul.snav .s02 img,
#history ul.snav .s03 img,
#recruit ul.snav .s04 img {
filter:alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
#company ul.snav .s01 {background: url(../img/company/side_tab01a_over.png) no-repeat left top;}
#outline ul.snav .s02 {background: url(../img/company/side_tab02_over.png) no-repeat left top;}
#en ul.snav .s02 {background: url(../img/company/side_tab02_over.png) no-repeat left top;}
#history ul.snav .s03 {background: url(../img/company/side_tab03_over.png) no-repeat left top;}
#recruit ul.snav .s04 {background: url(../img/company/side_tab04_over.png) no-repeat left top;}
ul.snav li {min-height: auto;}
/* メッセージ */
#company .txt_box {line-height: 1.9;}
/* 会社概要 */
#outline #contents,
#en #contents {position: relative;}
#outline .en,
#en .en {
position: absolute;
top: 0;
right: 0;
}
#outline table.info,
#en table.info {
width: 960px;
margin-bottom: 40px;
}
#outline table.info th,
#outline table.info td,
#en table.info th,
#en table.info td {
padding: 15px 0;
border-bottom: 1px solid #E0E0E0;
vertical-align: top;
}
#outline table.info th {
width: 120px;
}
#en table.info th {
width: 230px;
font-weight: bold;
}
#outline table.info td dd {
margin-bottom: 15px;
}
#outline table.info dl.officer > dt {
float: left;
width: 120px;
}
#outline table.info dl.officer > dd {
margin-left: 120px;
}
#outline table.info td a,
#en table.info td a {
background: url(../img/company/outline/arrow.gif) no-repeat left center;
padding-left: 17px;
color: #FF142B;
}
body#map_tokyo,
body#map_osaka {background: none !important;}
#map_tokyo header,
#map_tokyo footer,
#map_osaka header,
#map_osaka footer {display: none;}
#map_tokyo #main,
#map_osaka #main {width: 680px;}
#map {
width: 640px;
padding: 20px 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
/* 沿革 */
#main.history {
width: 100%;
background: #000 url(../img/company/history/title_bg.png) no-repeat center top;
}
.path_box {width: 100%;overflow: hidden;}
.history #inner {padding-top: 0;}
.history h1.title {
width: auto;
height: auto;
margin: 50px 0 300px;
}
.history #contents {
float: right;
width: 805px;
padding-bottom: 300px;
color: #fff;
text-align: center;
overflow: hidden;
}
.history #contents .article {
margin-bottom: 60px;
overflow: hidden;
}
.history #contents .year,
.history #contents h2.event {
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.history #contents .year {
margin-bottom: 10px;
font-size: 28px;
}
.history #contents .year span {font-size: 22px;}
.history #contents h2.event {
margin-bottom: 10px;
font-size: 22px;
}
.history #contents h2.event a {
color: #fff;
text-decoration: underline;
}
.history #contents h2.event a:hover {
text-decoration: none;
}
.history #contents .photo {
margin-bottom: 15px;
}
.history #side {
float: left;
width: 175px;
min-height: 506px;
background: url(../img/company/history/snav_bg.png) no-repeat;
overflow: hidden;
}
.history #side ul#nav {
margin: 10px 0 50px;
overflow: hidden;
}
.history #side ul#nav li.on img {
filter:alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.history #side ul#nav li:nth-child(1) {background: url(../img/company/history/side_year01_over.png);}
.history #side ul#nav li:nth-child(2) {background: url(../img/company/history/side_year02_over.png);}
.history #side ul#nav li:nth-child(3) {background: url(../img/company/history/side_year03_over.png);}
.history #side ul#nav li:nth-child(4) {background: url(../img/company/history/side_year04_over.png);}
.history #side ul#nav li:nth-child(5) {background: url(../img/company/history/side_year05_over.png);}
.history #side ul#nav li:nth-child(6) {background: url(../img/company/history/side_year06_over.png);}
.history #side ul#nav li:nth-child(7) {background: url(../img/company/history/side_year07_over.png);}
.history #side ul#nav li:nth-child(8) {background: url(../img/company/history/side_year08_over.png);}
.history #side ul#nav li:nth-child(9) {background: url(../img/company/history/side_year09_over.png);}
.history #side ul#nav li:nth-child(10) {background: url(../img/company/history/side_year10_over.png);}
/* 採用情報 */
#recruit ul.nav {
margin: 0 -5px 40px 0;
overflow: hidden;
}
#recruit ul.nav li {
float: left;
margin-right: 5px;
}
#recruit table.info {
width: 740px;
margin-bottom: 40px;
}
#recruit table.info th,
#recruit table.info td {
padding: 15px;
vertical-align: top;
}
#recruit table.info th {
width: 115px;
background: #E0E0E0;
border-bottom: 1px solid #fff;
}
#recruit table.info td {
border-bottom: 1px solid #E0E0E0;
}
#recruit h3.howto {
border-left: 8px solid #E20000;
padding-left: 15px;
margin-bottom: 15px;
font-size: 20px;
}
#recruit table.howto {
width: 738px;
border: 1px solid #ccc;
border-bottom: none;
}
#recruit table.howto th,
#recruit table.howto td {
border-bottom: 1px solid #ccc;
}
#recruit table.howto th {
background: #FAFAFA;
}
#recruit h2.t_voice {
height: 34px;
background: url(../img/company/recruit/bg_voice.png);
border-bottom: 2px solid #999;
padding: 0 0 0 10px;
margin-bottom: 20px;
color: #fff;
font-size: 20px;
line-height: 34px;
}
#recruit .voice {
margin-bottom: 60px;
clear: both;
overflow: hidden;
}
#recruit .voice .section {
font-size: 15px;
}
#recruit .voice .name {
margin-bottom: 10px;
font-size: 22px;
}
#recruit .voice .name span {font-size: 12px;}
#recruit .voice .read {
margin-bottom: 10px;
font-size: 16px;
}
#recruit .voice #company {
border: 1px solid #B1B2CF;
padding: 10px;
margin-bottom: 20px;
overflow: hidden;
}
#recruit .voice #company p {
color: #242B8C;
font-size: 15px;
font-weight: bold
}
#recruit .voice h3 {
height: 36px;
background: url(../img/company/recruit/faq.gif) no-repeat left top;
padding-left: 45px;
margin: 20px 0 10px;
font-size: 19px;
line-height: 34px;
clear: both;
overflow: hidden;
}
#recruit .voice ol.faq {
margin: 0 -10px 60px 0;
overflow: hidden;
}
#recruit .voice ol.faq li {
float: left;
width: 218px;
border: 1px solid #ccc;
padding: 10px;
margin-right: 10px;
font-size: 12px;
overflow: hidden;
}
#recruit .voice ol.faq li p {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
#recruit .voice ol.faq li p span {color: #242B8C;}
body#recruit.detail {background: none;}
/* ▼▼▼ スポーツ
=====================================*/
#sports h2.title {
border: none;
text-align: center;
width: 102px;
margin-left: auto;
margin-right: auto;
}
#sports .info_box_inner,
#active_top .info_box_inner {
height: 180px;
border: 1px solid #999;
margin-bottom: 60px;
overflow: hidden;
}
/*
#active_top .info_box_inner,
#sports .info_box_inner {
height: auto;
padding-top: 15px;
margin-bottom: 30px;
}*/
#outdoor_top .info_box_inner {
height: 180px;
border: 1px solid #999;
margin-bottom: 10px;
overflow: hidden;
}
/* スクロールバー */
#sports .jspContainer {overflow:hidden; position:relative;}
#sports .jspPane {position:absolute;}
#sports .jspVerticalBar {background:url(../img/top/jsp_bg.png) repeat-y left top;position:absolute; top:0; right:0; width:12px; height:100%;}
#sports .jspTrack {position:relative;}
#sports .jspDrag {background:url(../img/top/jsp_bar.png) no-repeat;position:relative; top:2px; left:2px; cursor:pointer; }
#sports .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left; height:100%;}
#sports dl.info,
#outdoor_top dl.info,
#active_top dl.info {
background: #fff;
padding: 19px 39px 0 39px;
font-size: 12px;
overflow: hidden;
}
#outdoor_top dl.info,
#active_top dl.info,
#sports dl.info {
padding: 15px 21px 0 21px;
}
#sports dl.info dt,
#outdoor_top dl.info dt,
#active_top dl.info dt {
float: left;
width: 105px;
background: url(../img/top/news_arrow02.gif) no-repeat left 5px;
border-bottom: 1px dotted #999;
padding: 0 0 10px 15px;
}
#sports dl.info dd,
#outdoor_top dl.info dd,
#active_top dl.info dd {
border-bottom: 1px dotted #999;
padding-bottom: 10px;
margin: 0 0 10px 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#sports dl.info dd a,
#outdoor_top dl.info dd a,
#active_top dl.info dd a {text-decoration: underline;}
#sports dl.info dd a:hover,
#outdoor_top dl.info dd a:hover,
#active_top dl.info dd a:hover {text-decoration: none;}
#sports ul.nav {
margin-bottom: 40px;
overflow: hidden;
}
#sports ul.nav li {
float: left;
/*margin-right: 30px;*/
margin-right: 20px;
}
#sports ul.nav li:last-child {margin-right: 0;}
#sports h3 {margin-bottom: 10px;}
#sports ul.bnr02 {
/*width: 956px;*/
margin: 0 auto;
overflow: hidden;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#sports ul.bnr02 li {
width: 274px;
margin: 0 8px;
}
/*
#sports ul.bnr02 li:nth-child(2) {margin: 44px 13px 0 0;}
#sports ul.bnr02 li:nth-child(3) {margin: 44px 0 0 0;}
*/
/* ▼▼▼ アウトドア
=====================================*/
#outdoor_top #main,
#active_top #main,
#sports #main {width: 100%;}
#active_top .visual {
background: #000;
padding-bottom: 20px;
margin-bottom: 40px;
overflow: hidden;
}
#sports .visual {
background: #e9e9e3;
padding-bottom: 20px;
margin-bottom: 40px;
overflow: hidden;
}
#outdoor_top h2,
#active_top h2,
#sports h2 {
border-top: 1px solid #666;
border-bottom: none;
padding: 30px 0 15px;
margin-bottom: 0;
font-size: 0;
text-align: center;
}
#active_top #slider,
#sports #slider {
width: 980px;
height: 300px;
margin: 0 auto 15px;
overflow: hidden;
}
#active_top #bx-pager,
#sports #bx-pager {
width: 950px;
margin: 0 auto;
overflow: hidden;
}
/*#outdoor_top #bx-pager a,*/
#active_top #bx-pager a,
#sports #bx-pager a {
float: left;
display: block;
width: 150px;
height: 50px;
margin: 0 10px 10px 0;
text-indent: -9999px;
}
#active_top #bx-pager a:nth-child(6n),
#sports #bx-pager a:nth-child(6n) ,
#sports #bx-pager a:nth-child(12n) {
margin-right: 0;
}
#outdoor_top .visual {
}
#outdoor_top #mainVisual {
width: 100%;
height: 400px;
}
#outdoor_top #mainVisual .bx-wrapper{
width: 100% !important;
height: 400px !important;
overflow: hidden;
}
#outdoor_top #mainVisual .bx-viewport {
width: 980px !important;
margin: 0 auto !important;
overflow: visible !important;
}
#outdoor_top #mainVisual .slider01 > div {
width: 980px;
background: #fff;
padding-left: 0;
}
#outdoor_top #bx-pager {
width: 960px;
margin: 20px auto 20px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
box-sizing: border-box;
}
#outdoor_top .thumbnail-img {
width: 150px !important;
height: 50px;
list-style: none;
margin: 0.5em 1.5em !important;
padding: 0;
box-sizing: border-box;
cursor: pointer;
position: relative;
display: block;
box-sizing: border-box;
transition: opacity .3s linear;
opacity: 1;
}
#outdoor_top .thumbnail-img a {
width: 150px !important;
height: 50px !important;
display: block;
position: relative;
text-indent: 0em;
box-sizing: border-box;
}
#outdoor_top .thumbnail-img a img {
margin: 0;
padding: 0;
}
#outdoor_top .thumbnail-img a.active::before {
content: "";
width: 100%;
height: 100%;
background-color: #fff;
background-image:
linear-gradient(-90deg, #ff132b 50%, transparent 50%),
linear-gradient(#ff132b 50%, transparent 50%);
background-size: 1px 1px;
border:solid 3px #ff132b;
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
box-sizing: border-box;
}
/*
#outdoor_top #bx-pager a.t000 {background: url(../img/outdoor/thumb000.png) no-repeat left top;}
#outdoor_top #bx-pager a.t000.active,
#outdoor_top #bx-pager a.t000:hover {background: url(../img/outdoor/thumb000_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t001 {background: url(../img/outdoor/thumb001.png) no-repeat left top;}
#outdoor_top #bx-pager a.t001.active,
#outdoor_top #bx-pager a.t001:hover {background: url(../img/outdoor/thumb001_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t002 {background: url(../img/outdoor/thumb002.png) no-repeat left top;}
#outdoor_top #bx-pager a.t002.active,
#outdoor_top #bx-pager a.t002:hover {background: url(../img/outdoor/thumb002_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t003 {background: url(../img/outdoor/thumb003.png) no-repeat left top;}
#outdoor_top #bx-pager a.t003.active,
#outdoor_top #bx-pager a.t003:hover {background: url(../img/outdoor/thumb003_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t004 {background: url(../img/outdoor/thumb004.png) no-repeat left top;}
#outdoor_top #bx-pager a.t004.active,
#outdoor_top #bx-pager a.t004:hover {background: url(../img/outdoor/thumb004_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t005 {background: url(../img/outdoor/thumb005.png) no-repeat left top;}
#outdoor_top #bx-pager a.t005.active,
#outdoor_top #bx-pager a.t005:hover {background: url(../img/outdoor/thumb005_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t006 {background: url(../img/outdoor/thumb006.png) no-repeat left top;}
#outdoor_top #bx-pager a.t006.active,
#outdoor_top #bx-pager a.t006:hover {background: url(../img/outdoor/thumb006_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t007 {background: url(../img/outdoor/thumb007.png) no-repeat left top;}
#outdoor_top #bx-pager a.t007.active,
#outdoor_top #bx-pager a.t007:hover {background: url(../img/outdoor/thumb007_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t008 {background: url(../img/outdoor/thumb008.png) no-repeat left top;}
#outdoor_top #bx-pager a.t008.active,
#outdoor_top #bx-pager a.t008:hover {background: url(../img/outdoor/thumb008_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t009 {background: url(../img/outdoor/thumb009.png) no-repeat left top;}
#outdoor_top #bx-pager a.t009.active,
#outdoor_top #bx-pager a.t009:hover {background: url(../img/outdoor/thumb009_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t10 {background: url(../img/outdoor/thumb010.png) no-repeat left top;}
#outdoor_top #bx-pager a.t10.active,
#outdoor_top #bx-pager a.t10:hover {background: url(../img/outdoor/thumb010_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t11 {background: url(../img/outdoor/thumb12.png) no-repeat left top;}
#outdoor_top #bx-pager a.t11.active,
#outdoor_top #bx-pager a.t11:hover {background: url(../img/outdoor/thumb12_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t12 {background: url(../img/outdoor/thumb13.png) no-repeat left top;}
#outdoor_top #bx-pager a.t12.active,
#outdoor_top #bx-pager a.t12:hover {background: url(../img/outdoor/thumb13_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t13 {background: url(../img/outdoor/thumb14.png) no-repeat left top;}
#outdoor_top #bx-pager a.t13.active,
#outdoor_top #bx-pager a.t13:hover {background: url(../img/outdoor/thumb14_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t14 {background: url(../img/outdoor/thumb15.png) no-repeat left top;}
#outdoor_top #bx-pager a.t14.active,
#outdoor_top #bx-pager a.t14:hover {background: url(../img/outdoor/thumb15_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t15 {background: url(../img/outdoor/thumb16.png) no-repeat left top;}
#outdoor_top #bx-pager a.t15.active,
#outdoor_top #bx-pager a.t15:hover {background: url(../img/outdoor/thumb16_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t16 {background: url(../img/outdoor/thumb19.png) no-repeat left top;}
#outdoor_top #bx-pager a.t16.active,
#outdoor_top #bx-pager a.t16:hover {background: url(../img/outdoor/thumb19_over.png) no-repeat left top;}
#outdoor_top #bx-pager a.t17 {background: url(../img/outdoor/thumb18.png) no-repeat left top;}
#outdoor_top #bx-pager a.t17.active,
#outdoor_top #bx-pager a.t17:hover {background: url(../img/outdoor/thumb18_over.png) no-repeat left top;}
*/
#pickupBnr {
width: 100%;
background: #eee;
padding: 15px 0;
margin-bottom: 30px;
}
#pickupBnr ul {
width: 980px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
#pickupBnr ul li {
width: 300px;
margin: 0 10px;
}
#pickupBnr ul li img {
width: 100%;
}
#pickupBnr ul li a:hover {
opacity: 0.7;
}
#outdoor_top .inner,
#active_top .inner,
#sports .inner {
width: 980px;
margin: 0 auto;
padding-bottom: 40px;
overflow: hidden;
}
#outdoor_top #contents,
#sports #contents {
float: left;
width:680px;
overflow: hidden;
}
#outdoor_top h3,
#active_top h3,
#sports h3 {
margin-bottom: 10px;
}
#outdoor_top .notxt,
#active_top .notxt,
#sports .notxt {padding: 20px 21px 30px;}
#active_top .list,
#sports .list {
width: 638px;
margin: 0 auto 15px;
font-size: 12px;
text-align: right;
}
#active_top .list {width: 936px;}
#outdoor_top .list a,
#active_top .list a ,
#sports .list a{
background: url(../img/arrow_footer01.gif) no-repeat left center;
padding-left: 15px;
}
#outdoor_top .list {
width: 100%;
box-sizing: border-box;
text-align: right;
margin-bottom: 30px;
}
#outdoor_top .insta-photo {
background: #CCC;
padding: 10px 10px 0;
}
#outdoor_top #od-insta {
margin-bottom: 40px;
}
#outdoor_top #od-insta h3 a {
margin-left: 10px;
}
.info-txtbox {
width: 100%;
max-width: 980px;
margin: 30px auto 30px;
border-top:solid 1px #999;
font-size: 13px;
box-sizing: border-box;
padding: 15px 30px;
color: #555;
}
#outdoor_top #side,
#sports #side {
float: right;
width:235px;
overflow: hidden;
}
#outdoor_top #side ul.side_bnr,
#sports #side ul.side_bnr {
padding-bottom: 15px;
overflow: hidden;
}
#outdoor_top #side ul.side_bnr li,
#sports #side ul.side_bnr li {
margin-bottom: 10px;
}
#outdoor_top #side ul.side_bnr li a:hover,
#sports #side ul.side_bnr li a:hover{
opacity: 0.8;
}
#outdoor_top #side .other,
#sports #side .other {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 15px 0;
overflow: hidden;
}
#outdoor_top #side .other li,
#sports #side .other li {
background: url(../img/arrow_side01.gif) no-repeat left center;
padding-left: 15px;
}
#outdoor_top #side .other li a,
#sports #side .other li a {
background: url(../img/blank.gif) no-repeat right center;
padding-right: 20px;
text-decoration: underline;
}
#outdoor_top #side .other li a:hover,
#sports #side .other li a:hover {text-decoration: none;}
/* ▼▼▼ アクティブスポーツ
=====================================*/
#active_top #bx-pager a.t00 {background: url(../img/active/thumb01.png) no-repeat left top;}
#active_top #bx-pager a.t00.active,
#active_top #bx-pager a.t00:hover {background: url(../img/active/thumb01_over.png) no-repeat left top;}
#active_top #bx-pager a.t01 {background: url(../img/active/thumb02a.png) no-repeat left top;}
#active_top #bx-pager a.t01.active,
#active_top #bx-pager a.t01:hover {background: url(../img/active/thumb02a_over.png) no-repeat left top;}
#active_top #bx-pager a.t02 {background: url(../img/active/thumb03.png) no-repeat left top;}
#active_top #bx-pager a.t02.active,
#active_top #bx-pager a.t02:hover {background: url(../img/active/thumb03_over.png) no-repeat left top;}
#active_top #bx-pager a.t03 {background: url(../img/active/thumb04.png) no-repeat left top;}
#active_top #bx-pager a.t03.active,
#active_top #bx-pager a.t03:hover {background: url(../img/active/thumb04_over.png) no-repeat left top;}
#active_top #bx-pager a.t04 {background: url(../img/active/thumb05.png) no-repeat left top;}
#active_top #bx-pager a.t04.active,
#active_top #bx-pager a.t04:hover {background: url(../img/active/thumb05_over.png) no-repeat left top;}
#active_top #bx-pager a.t05 {background: url(../img/active/thumb06.png) no-repeat left top;}
#active_top #bx-pager a.t05.active,
#active_top #bx-pager a.t05:hover {background: url(../img/active/thumb06_over.png) no-repeat left top;}
#active_top #bx-pager a.t06 {background: url(../img/active/thumb07.png) no-repeat left top;}
#active_top #bx-pager a.t06.active,
#active_top #bx-pager a.t06:hover {background: url(../img/active/thumb07_over.png) no-repeat left top;}
#active_top #bx-pager a.t07 {background: url(../img/active/thumb08.png) no-repeat left top;}
#active_top #bx-pager a.t07.active,
#active_top #bx-pager a.t07:hover {background: url(../img/active/thumb08_over.png) no-repeat left top;}
#active_top #bx-pager a.t08 {background: url(../img/active/thumb09.png) no-repeat left top;}
#active_top #bx-pager a.t08.active,
#active_top #bx-pager a.t08:hover {background: url(../img/active/thumb09_over.png) no-repeat left top;}
#active_top #bx-pager a.t09 {background: url(../img/active/thumb10.png) no-repeat left top;}
#active_top #bx-pager a.t09.active,
#active_top #bx-pager a.t09:hover {background: url(../img/active/thumb10_over.png) no-repeat left top;}
/* ▼▼▼ スポーツ
=====================================*/
#sports #bx-pager a.t000 {background: url(../img/sports/thumb000.png) no-repeat left top;}
#sports #bx-pager a.t000.active,
#sports #bx-pager a.t000:hover {background: url(../img/sports/thumb000_over.png) no-repeat left top;}
#sports #bx-pager a.t001 {background: url(../img/sports/thumb001.png) no-repeat left top;}
#sports #bx-pager a.t001.active,
#sports #bx-pager a.t001:hover {background: url(../img/sports/thumb001_over.png) no-repeat left top;}
#sports #bx-pager a.t002 {background: url(../img/sports/thumb002.png) no-repeat left top;}
#sports #bx-pager a.t002.active,
#sports #bx-pager a.t002:hover {background: url(../img/sports/thumb002_over.png) no-repeat left top;}
#sports #bx-pager a.t003 {background: url(../img/sports/thumb003.png) no-repeat left top;}
#sports #bx-pager a.t003.active,
#sports #bx-pager a.t003:hover {background: url(../img/sports/thumb003_over.png) no-repeat left top;}
#sports #bx-pager a.t004 {background: url(../img/sports/thumb004.png) no-repeat left top;}
#sports #bx-pager a.t004.active,
#sports #bx-pager a.t004:hover {background: url(../img/sports/thumb004_over.png) no-repeat left top;}
#sports #bx-pager a.t005 {background: url(../img/sports/thumb005.png) no-repeat left top;}
#sports #bx-pager a.t005.active,
#sports #bx-pager a.t005:hover {background: url(../img/sports/thumb005_over.png) no-repeat left top;}
#sports #bx-pager a.t006 {background: url(../img/sports/thumb006.png) no-repeat left top;}
#sports #bx-pager a.t006.active,
#sports #bx-pager a.t006:hover {background: url(../img/sports/thumb006_over.png) no-repeat left top;}
#sports #bx-pager a.t007 {background: url(../img/sports/thumb015.png) no-repeat left top;}
#sports #bx-pager a.t007.active,
#sports #bx-pager a.t007:hover {background: url(../img/sports/thumb015_over.png) no-repeat left top;}
#sports #bx-pager a.t008 {background: url(../img/sports/thumb012.png) no-repeat left top;}
#sports #bx-pager a.t008.active,
#sports #bx-pager a.t008:hover {background: url(../img/sports/thumb012_over.png) no-repeat left top;}
#sports #bx-pager a.t009 {background: url(../img/sports/thumb008.png) no-repeat left top;}
#sports #bx-pager a.t009.active,
#sports #bx-pager a.t009:hover {background: url(../img/sports/thumb008_over.png) no-repeat left top;}
#sports #bx-pager a.t010 {background: url(../img/sports/thumb014.png) no-repeat left top;}
#sports #bx-pager a.t010.active,
#sports #bx-pager a.t010:hover {background: url(../img/sports/thumb014_over.png) no-repeat left top;}
#sports #bx-pager a.t011 {background: url(../img/sports/thumb011.png) no-repeat left top;}
#sports #bx-pager a.t011.active,
#sports #bx-pager a.t011:hover {background: url(../img/sports/thumb011_over.png) no-repeat left top;}
.tab_container {
padding-bottom: 1em;
background-color: #fff;
margin: 0 auto 60px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.tab_item {
width: calc(100%/9);
padding:12px 0;
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;
background-color: #ececec;
text-align: center;
color: #959595;
display: block;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
cursor: pointer;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2em;
}
.tab_item:hover {
opacity: 0.6;
}
input[name="tab_item"] {
display: none;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content,
#tab9:checked ~ #tab9_content,
#tab10:checked ~ #tab10_content {
display: block;
}
.tab_container input:checked + .tab_item {
background-color: #ed5e6e;
border-bottom:solid 1px #ed5e6e;
color: #fff;
}
.tab_content {
width: 100% !important;
border-top: 3px solid #ed5e6e;
display: none;
padding: 1em 0 0;
clear: both;
overflow: hidden;
}
.tab_content ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.tab_content ul li{
width: calc(100%/6);
box-sizing: border-box;
padding: 8px 10px 20px;
text-align: center;
box-sizing: border-box;
}
.tab_content ul li a{
display: block;
width: 100%;
font-size: 13px;
padding: 0 !important;
text-align: center;
}
.tab_content ul li a h3{
padding: 0 !important;
margin: 5px 0 0 !important;
font-weight: 700 !important;
}
.tab_content ul li a img {
width: 75%;
margin: 0 auto 15px;
}
.tab_content ul li a:hover{
opacity: 0.5;
}
/* ▼▼▼ 最新情報
=====================================*/
/* ▼ サイド */
#whatsnew .whatsnewcat ul.snav li.s00 img,
#whatsnew.term-whatsnew_sports .whatsnew_sports ul.snav li.s01 img,
#whatsnew.term-whatsnew_outdoor .whatsnew_outdoor ul.snav li.s02 img,
#whatsnew.term-whatsnew_active .whatsnew_active ul.snav li.s03 img {
filter:alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
#whatsnew .whatsnewcat ul.snav li.s00 {
background: url(../img/side_tab00_over.png) no-repeat left top;
}
#whatsnew.term-whatsnew_sports .whatsnew_sports ul.snav li.s01 {
background: url(../img/side_tab01a_over.png) no-repeat left top;
}
#whatsnew.term-whatsnew_outdoor .whatsnew_outdoor ul.snav li.s02 {
background: url(../img/side_tab02_over.png) no-repeat left top;
}
#whatsnew.term-whatsnew_active .whatsnew_active ul.snav li.s03 {
background: url(../img/side_tab03_over.png) no-repeat left top;
}
.archive {
margin-bottom: 30px;
/* overflow: hidden; */
}
.archive .year {
background: url(../img/arrow_side01.gif) no-repeat 5px center;
border-bottom: 1px solid #ccc;
padding: 5px 0 5px 20px;
cursor: pointer;
}
.archive .close {
background: url(../img/arrow_side02.gif) no-repeat 5px center;
border-bottom: none;
}
.archive ul.month {
display: none;
border-bottom: 1px solid #ccc;
padding: 0 20px;
overflow: hidden;
}
.archive ul.month li {
float: left;
/* width: 33%; */
margin: 0 5px 5px 0;
padding: 0 0 10px;
}
.archive ul.month li a {text-decoration: underline;}
.archive ul.month li a:hover {text-decoration: none;}
/* ▼ 一覧 */
#whatsnew dl.article {
border-bottom: 1px dotted #999;
margin-bottom: 20px;
overflow: hidden;
}
#whatsnew dl.article dt {
float: left;
width: 105px;
background: url(../img/whatsnew/arrow.gif) no-repeat left 3px;
padding: 0 0 0 15px;
font-weight: bold;
}
#whatsnew dl.article dd {
padding-bottom: 20px;
margin: 0 0 0 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#whatsnew dl.article dd a,
#whatsnew .detail .txt a {text-decoration: underline;}
#whatsnew dl.article dd a:hover,
#whatsnew .detail .txt a:hover {text-decoration: none;}
/* ▼ 詳細 */
#whatsnew h2.subject {
background: url(../img/whatsnew/bg_title.png) repeat left top;
border-bottom: 2px solid #FF0000;
padding: 11px 30px;
margin-bottom: 30px;
color: #fff;
font-size: 16px;
font-weight: bold;
overflow: hidden;
}
#whatsnew h2.subject p {padding: 12px 60px 12px 0;}
#whatsnew .whatsnew_sports h2.subject p {background: url(../img/whatsnew/icon01.png) no-repeat right center;}
#whatsnew .whatsnew_outdoor h2.subject p {background: url(../img/whatsnew/icon02.png) no-repeat right center;}
#whatsnew .whatsnew_active h2.subject p {background: url(../img/whatsnew/icon03.png) no-repeat right center;}
#whatsnew .detail {
margin-bottom: 90px;
overflow: hidden;
}
#whatsnew .detail .photo {
float: right;
margin-left: 40px;
}
#whatsnew .detail .date {
margin-bottom: 10px;
font-weight: bold;
}
#whatsnew .detail .txt {
margin-bottom: 20px;
}
/* ▼▼▼ FAQ
=====================================*/
#faq.term-faq_sports ul.snav li.s01 img,
#faq.term-faq_sp_school ul.snav li.s01 img,
#faq.term-faq_sp_athletic ul.snav li.s01 img,
#faq.term-faq_sp_kids ul.snav li.s01 img,
#faq.term-faq_outdoor ul.snav li.s02 img,
#faq.term-faq_od_wear ul.snav li.s02 img,
#faq.term-faq_od_shoes ul.snav li.s02 img,
#faq.term-faq_od_zach ul.snav li.s02 img,
#faq.term-faq_od_gear ul.snav li.s02 img,
#faq.term-faq_active ul.snav li.s03 img,
#faq.term-faq_as_action ul.snav li.s03 img,
#faq.term-faq_as_notwax ul.snav li.s03 img,
#faq.faq_as_cphelmet ul.snav li.s03 img,
#faq.term-faq_as_cycle ul.snav li.s03 img {
filter:alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
#faq.term-faq_sports ul.snav li.s01 ul,
#faq.term-faq_sp_school ul.snav li.s01 ul,
#faq.term-faq_sp_athletic ul.snav li.s01 ul,
#faq.term-faq_sp_kids ul.snav li.s01 ul,
#faq.term-faq_outdoor ul.snav li.s02 ul,
#faq.term-faq_od_wear ul.snav li.s02 ul,
#faq.term-faq_od_shoes ul.snav li.s02 ul,
#faq.term-faq_od_zach ul.snav li.s02 ul,
#faq.term-faq_od_gear ul.snav li.s02 ul,
#faq.term-faq_active ul.snav li.s03 ul,
#faq.term-faq_as_action ul.snav li.s03 ul,
#faq.term-faq_as_notwax ul.snav li.s03 ul,
#faq.term-faq_as_cphelmet ul.snav li.s03 ul,
#faq.term-faq_as_cycle ul.snav li.s03 ul {
display: block !important;
border-top: 1px solid #ccc;
}
#faq.term-faq_sports ul.snav li.s01 p,
#faq.term-faq_sp_school ul.snav li.s01 p,
#faq.term-faq_sp_athletic li.s01 p,
#faq.term-faq_sp_kids li.s01 p {background: url(../img/side_tab01a_over.png) no-repeat left center;}
#faq.term-faq_outdoor ul.snav li.s02 p,
#faq.term-faq_od_wear ul.snav li.s02 p,
#faq.term-faq_od_shoes ul.snav li.s02 p,
#faq.term-faq_od_zach ul.snav li.s02 p,
#faq.term-faq_od_gear ul.snav li.s02 p {background: url(../img/side_tab02_over.png) no-repeat left center;}
#faq.term-faq_active ul.snav li.s03 p,
#faq.term-faq_as_action ul.snav li.s03 p,
#faq.term-faq_as_notwax ul.snav li.s03 p,
#faq.term-faq_as_cphelmet ul.snav li.s03 p,
#faq.term-faq_as_cycle ul.snav li.s03 p {background: url(../img/side_tab03_over.png) no-repeat left center;}
#faq.post-type-archive-faq .faq_sports ul.snav li.s01 ul {
display: none;
}
#faq.post-type-archive-faq .faq_sports ul.snav li.s01 img {
filter:alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.search_box {
background: #FAFAFA;
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 30px;
overflow: hidden;
}
.search_box span {
float: left;
margin-right: 20px;
font-size: 16px;
font-weight: bold;
}
#s {
width: 440px;
/* height: 17px; */
background: #fff;
padding: 4px 10px;
border: 1px solid #999;
color: #333;
}
#searchsubmit {
position: absolute;
top: 0;
_top: 1px;
left: 600px;
}
*:first-child + html #searchsubmit { top: 1px; }
.search_box #searchform {position: relative;}
#faq dl.faq {
border-bottom: 1px dotted #ccc;
overflow: hidden;
}
#faq dl.faq dt {
background: url(../img/faq/q.gif) no-repeat left 22px;
font-weight: bold;
}
#faq dl.faq dt p {padding: 20px 100px 25px 35px;}
#faq dl.faq_sports dt p {background: url(../img/faq/icon01.png) no-repeat right 15px;}
#faq dl.faq_outdoor dt p {background: url(../img/faq/icon02.png) no-repeat right 15px;}
#faq dl.faq_active dt p {background: url(../img/faq/icon04.png) no-repeat right 15px;}
#faq dl.faq dd {
background: url(../img/faq/a.gif) no-repeat left 2px;
padding: 0 100px 15px 35px;
font-size: 12px;
}
#faq dl.faq dd a {text-decoration: underline;}
#faq dl.faq dd a:hover {text-decoration: none;}
/* ▼▼▼ 利用規約
=====================================*/
/* ▼▼▼ 個人情報保護法
=====================================*/
#term h2.subtitle,
#privacy h2.subtitle {
margin-bottom: 10px;
font-size: 19px;
font-weight: bold;
}
#term dl.privacy,
#privacy dl.privacy {
border-top: 1px dotted #ccc;
padding: 25px 0;
overflow: hidden;
}
#term dl.privacy dt,
#privacy dl.privacy dt {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
#term dl.privacy dd,
#privacy dl.privacy dd {
border-bottom: 1px dotted #ccc;
padding-bottom: 25px;
margin-bottom: 25px;
}
#privacy dl.privacy dd p {font-weight: bold;}
/* ▼▼▼ お問合せ
=====================================*/
#contact_form .required {color: #ff0000;}
#contact_form table.info {
width: 980px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom: 20px;
overflow: hidden;
}
#contact_form table.info th,
#contact_form table.info td {
padding: 15px 30px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
vertical-align: top;
}
#contact_form table.info th {
width: 170px;
background: #E0E0E0;
}
#contact_form table.info td {vertical-align: middle;}
#contact_form input {
width: 400px;
margin-left: 0;
}
#contact_form input.zip {width: 100px;}
#contact_form input.max {width: 600px;}
#contact_form .category input,
#contact_form .agree input {width: auto;}
#contact_form .category span {margin-right: 40px;}
#contact_form textarea {width: 600px;}
#contact_form .agree {
margin-bottom: 20px;
text-align: center;
}
#contact_form .agree_box {
overflow: hidden;
position: relative;
}
#contact_form .agree_box ul.btn {
float: left;
left: 50%;
position: relative;
}
#contact_form .agree_box ul.btn li {
float: left;
left: -50%;
position: relative;
margin-right: 10px;
}
#contact_form .agree_box ul.btn li:last-child {margin-right: 0;}
#contact_form .wpcf7-form-control.wpcf7-confirm,
#contact_form .wpcf7-form-control.wpcf7c-btn-back,
#contact_form .wpcf7-form-control.wpcf7-submit {
display: block;
width: 311px;
height: 55px;
border: none;
text-indent: -9999px;
cursor: pointer;
}
#contact_form .wpcf7-form-control.wpcf7-confirm {
background: url(../img/contact/btn_preview.png) no-repeat;
}
#contact_form .wpcf7-form-control.wpcf7c-btn-back {
background: url(../img/contact/btn_reset.png) no-repeat;
}
#contact_form .wpcf7-form-control.wpcf7-submit {
background: url(../img/contact/btn_send.png) no-repeat;
}
#contact_form div.wpcf7-mail-sent-ok,
#contact_form div.wpcf7-validation-errors {
border: none;
background: #FFE7E9;
padding: 10px;
color: #FF142B;
text-align: center;
}
#contact_form .wpcf7c-conf {
background: none;
border: none;
font-size: 14px;
}
/* ▼▼▼ サイトマップ
=====================================*/
#sitemap ul.sitemap {
float: left;
width: 270px;
margin-right: 60px;
padding-bottom: 70px;
overflow: hidden;
}
#sitemap ul.s01 {width: 60px;}
#sitemap ul.sitemap > li {
margin-bottom: 30px;
}
#sitemap ul.sitemap > li a {
background: url(../img/sitemap/arrow01.gif) no-repeat left center;
padding-left: 15px;
}
#sitemap ul.sitemap .title {
float: left;
margin-right: 10px;
}
#sitemap ul.sitemap ul.sub {
display: block;
background: url(../img/sitemap/line.gif) no-repeat left 12px;
padding-left: 45px;
overflow: hidden;
}
#sitemap ul.sitemap ul.sub li {
line-height: 25px;
}
#sitemap ul.sitemap ul.sub li a {
background: url(../img/sitemap/arrow02.gif) no-repeat left center;
padding-left: 11px;
}
#sitemap ul.sitemap .blank {
background: url(../img/sitemap/blank.gif) no-repeat right center;
padding-right: 17px;
}
.wp-pagenavi {
float: right;
margin: 30px 0 0;
overflow: hidden;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last {display: none;}
.wp-pagenavi span,
.wp-pagenavi a {
float: left;
display: block;
width: 30px;
background: #000;
margin-right: 5px;
color: #fff;
line-height: 30px;
text-align: center;
}
.wp-pagenavi a {
background: #ccc;
}
.wp-pagenavi a:hover {
background: #FF142B;
color: #fff;
text-decoration: none;
}
.wp-pagenavi .extend {
background: none;
color: #000;
}
.notfound {
margin: 200px 0;
}
.notfound h2 {
margin-bottom: 10px;
font-weight: bold;
}
.notfound a {
margin-bottom: 10px;
text-decoration: underline;
}
.data-pc {
display: block;
}
.data-sp {
display: none;
}
@media screen and (max-width:480px){
.data-pc {
display: none;
}
.data-sp {
display: block;
}
}