html {position: relative; height: 100%;}
body {
background: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/assets/img/background.jpg) center/cover no-repeat;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom;
font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",
"ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial,
helvetica, sans-serif;
}
@media screen and (min-width: 1000px) {
body:before {
content: "";
background: inherit;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
position: fixed;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
z-index: -1;
}
}
@media all and (-ms-high-contrast: none) {
body:before {
content: none;
}
}
body:before {
content: none\9;
}
@media screen and (max-width: 999px) {
body {
background: none;
}
body::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/assets/img/background_sp.jpg) center/cover no-repeat;
-webkit-background-size: cover;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}
}
@media (max-width:736px){
h1,.h1{font-size:24px;line-height:1.2;}
h2,.h2{font-size:20px;line-height:1.3;}
h3,.h3{font-size:16px;line-height:1.4; margin: 25px 0 0;}
}
a{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;}
a:hover,
a:focus,
a:active{text-decoration:none;cursor:pointer;}
a:hover {opacity: 0.4;}
@media screen and (min-width:1000px){a:hover{opacity:.7;}}
a,
button{-webkit-tap-highlight-color:rgba(0,0,0,.4);}
.btn {padding: 8px 15px;}
.cf {zoom: 1;}
.cf:after {display: block; height: 0; content: ""; visibility: hidden; clear: both;} @media (max-width: 767px) {
.row {width: 100%; margin: 0 !important;}
}
.row {
width: 100%;
} header {
margin: 0 auto;
padding: 8px 10px;
position: relative;
}
header h1 {
float: left;
margin: 0 0 0 5px;
}
header h1 a {
display: block;
width: 150px;
}
header .header-wrap{}
header .cap {
float: left;
color: #fff;
margin-left: 2rem;
line-height: 60px;
font-size: 120%;
font-weight: 700;
}
header .cap > br {
display: none;
}
header .header-pd {
position: absolute;
top: 50%;
right: 10px;
margin-top: -30px;
width: 100px;
}
header .header-pd a {
display: block;
width: 100px;
}
header > .d-flex {
align-items: center;
}
header .logo + div {
width: 540px;
}
header .tel {
padding: 3px 15px 0 0;
}
.breadcrumb {
font-size: 0.8rem;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.breadcrumb li {
margin: 0 2px;
}
section#intro {
background-color: #000000;
background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/assets/img/main_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 595px;
}
.navbar a {-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;}
.navbar-toggle {z-index: 100; margin-top: 14px; margin-bottom: 3px;}
@media (min-width: 768px){
.navbar-right {
margin: 15px 0 -15px 0;
}
} @media (max-width: 767px) {
header {
padding: 10px 0;
}
header .logo {
width: 88%;
margin-bottom: 0;
}
header .logo + div {
padding: 0.5rem 0;
}
header .logo img {
width: 84px;
}
section#intro {
background-size: auto 100%;
}
header h1 a {
width: 100px;
}
.hide-sp {
display: none;
}
header .cap {
float: none;
margin-left: 1rem;
line-height: 14px;
position: absolute;
top: 20px;
left: 106px;
font-size: 92%;
}
header .cap > br {
display: block;
}
} .main{background: none;}
#promotion{padding: 30px 0 0 !important; margin: 0 0 -60px;}
#promotion a{width: 100%; max-width: 900px; display: block; margin: 0 auto;}
#promotion a img{width: 100%; margin: 0; padding: 0;} @media (max-width: 767px) {
.module-medium {padding: 40px 0px !important;}
#promotion{padding: 25px 0 0 !important; margin: 0 0 -35px;}
#promotion a{width: 90%;}
#topnews .news-detail{width: 100% !important;}
#topnews .news-detail ul.news-list{height: 300px !important; padding: 15px !important;}
#topnews .news-detail ul.news-list > li dl {padding: 15px !important;}
#topnews .news-detail ul.news-list > li dd .news__ttl {font-size: 1.35rem !important; margin-bottom: 5px;}
}
#topnews .news-detail{
width: 80%;
margin: 0 auto;
}
#topnews .news-detail ul.news-list{
background: #eee;
overflow: auto;
height: 500px;
list-style: none;
margin: 0;
padding: 30px;
}
#topnews .news-detail ul.news-list > li{
background-color: rgba(255,255,255,0.75);
margin: 0;
padding: 0;
position: relative;
}
#topnews .news-detail ul.news-list > li:after{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
width: 96%;
margin: 0 0 0 -48%;
height: 1px;
background-color: #eeeeee;
}
#topnews .news-detail ul.news-list > li dl{
margin: 0;
padding: 20px;
}
#topnews .news-detail ul.news-list > li dt p{
margin: 0 0 5px;
}
#topnews .news-detail ul.news-list > li dd .news__ttl{
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}
#topnews .news-detail ul.news-list > li dd .news__txt{
font-size: 1.25rem;
line-height: 2.25rem;
}
#topnews .news-detail ul.news-list > li dd .news__txt a{
color: #337ab7
} .top-banner{
margin: -20px auto -100px;
display: block;
width: 70%;
max-width: 950px;
}
.top-banner img{
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.top-banner .flex-direction-nav a {
width: 10%;
} @media (max-width: 767px) {
.top-banner {
margin: -50px auto -110px;
width: 95%;
}
} .callout-text p{
font-weight: 700;
color: #FF8C00;
background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 140px;
}
.callout-text {
color: rgba(255, 255, 255, 1);
}
.callout-text small{
color: rgba(255, 255, 255, 1);
}
.eventList{}
.eventList .team-item:hover .team-image:after {
background: rgba(0, 0, 0, 0);
}
.eventList .team-name{
font-size: 1.6rem;
padding: 0px 0 0.5rem;
margin: 0 0 5px;
text-align: center;
line-height: 2.2rem;
}
.eventList .team-name:after {
content:"";
display:block;
height:3px;
width:100%;
background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}
.ev_Archive{display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: row;}
.ev_Archive .team-item_Box{display: block; width: 28%; margin: 0 2.5%;}
.eventArchive p{margin: -30px 0 0;}
.eventArchive .btn{padding: 15px;} @media (max-width: 767px) {
.ev_Archive .team-item_Box{width: 90%; margin: 0 5%;}
.eventArchive p{margin: 0 0 20px;}
.eventArchive .btn{padding: 8px 15px;}
}
.post-header{}
.post-title {
font-size: 2.4rem;
padding: 0 0 0.5rem;
margin: 15px 0 20px;
text-align: center;
}
.post-title small{
display: block;
text-align: center;
font-size: 1.4rem;
line-height: 2;
margin: 0 0 0.5rem;
}
.post-title:after {
content:"";
display:block;
height:3px;
width:100%;
background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}
.post-notice{text-align: center;}
.post-notice h3{color: #e00; font-weight: 700; margin: 0 0 5px;}
.post-entry {
background: #eee;
border-top: none;
padding: 30px;
margin-top: 0;
} .alert{width: 100%; max-width: 600px; margin: 0 auto;} ul.web-entry{margin: 0; padding: 0;}
ul.web-entry > li{width: 32%; list-style: none; margin: 0; padding: 0;}
ul.web-entry > li .btn-modal{width: 100%; padding: 10px;} .tab-pane .post{margin: 0 0 15px;}
.post-detail {
background: #fff;
padding: 30px;
margin: -25px -25px;
}
.post-detail a{color: #e70012;}
.post-detail h3{border-bottom: 1px #ccc solid;}
.post-detail h4{font-size: 2rem;}
.post-detail .color-orange{color: #f60;}
.post-detail .color-red{color: #e00;}
.post-detail .color-blue{color: #007bff;}
.btn-list a{color: #fff;}
.panel-body{font-size: 1.5rem;}
.panel-body table{border: 1px #ccc solid;}
.panel-body th,.panel-body td{border: 1px #ccc solid; padding: 8px;}
.panel-body tr.bg-gray{background: #eeeeee;}
.panel-body ul{padding: 0 0 0 20px;}
.panel-body ul.col-2 > li{width: 48%;}
.panel-body li{font-size: 1.6rem;}
.panel-body ul.no-disc{padding: 0;}
.panel-body ul.no-disc li{list-style: none;}
.panel-body ul.list-style-diamond li{list-style: none; margin: 0 0 0 5px; text-indent: -2rem;}
.panel-body ul.list-style-diamond li:before {content: "◆"; margin-right: 5px;}
.panel-body ul.guest_List{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.panel-body ul.guest_List > li{width: 23%; margin: 1%; text-align: center;}
.panel-body ul.guest_List > li div{width: 100%; margin-bottom: 5px;}
.panel-body ul.guest_List > li p{font-size: 1.25rem; margin: 0; padding: 0;}
.panel-body ul.pb_sponsor{width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style: none; margin: 0 0 2rem; padding: 0;}
.panel-body ul.pb_sponsor > li{width: 30%; margin: 0 2.5%;}
.panel-body ul.guest_List_2024{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.panel-body ul.guest_List_2024 > li{width: 24%; margin: 0.5%; border: 1px solid #ccc; text-align: center;}
.panel-body ul.guest_List_2024 > li div{width: 100%; margin-bottom: 5px;}
.panel-body ul.guest_List_2024 > li p{background: #dd3737; color: #fff; font-size: 1.25rem; margin: -5px 0 0 0; padding: 5px;}
.panel-body ul.guest_List_2025{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.panel-body ul.guest_List_2025 > li{width: 32.333%; margin: 0.5%; border: 1px solid #ccc; text-align: center;}
.panel-body ul.guest_List_2025 > li div{width: 100%; margin-bottom: 5px;}
.panel-body ul.guest_List_2025 > li p{background: #dd3737; color: #fff; font-size: 1.25rem; margin: -5px 0 0 0; padding: 5px;}
.panel-body dl.notice{display: flex; font-size: 1.6rem;}
.panel-body dl.notice dt{margin-right: 5px;}
.panel-body dl.notice dd{line-height: 2.6rem;}
.panel-body .well-default{padding: 0; margin: 0; background-color: #fff583; border-color: transparent;}
.panel-body .well-default h2{font-size: 24px; margin: 10px 0 5px;}
.panel-body .well-default .show-sp{display: none;}
.panel-body .media{display: flex; justify-content: space-between; margin: 30px 0;}
.panel-body .media .color_accent{color: #ffc107!important;}
.panel-body .media .media__detail:first-of-type{width: 18%; margin: 0 2% 0 0;}
.panel-body .media .media__detail{width: 80%;}
.panel-body .media .media__detail h5{font-size: 3.2rem; line-height: 3.5rem;}
.ListBox{font-size: 1.28rem !important;}
.ListBox table{display: inline-table; overflow-x:scroll; white-space:nowrap;}
.ListBox table::-webkit-scrollbar{height:8px;}
.ListBox table::-webkit-scrollbar-track{background:#efefef;}
.ListBox table::-webkit-scrollbar-thumb{background:#337ab7;}
.ListBox label {width: 100%;}
.ListBox .dataTables_wrapper label input, .dataTables_wrapper label select {display: block; margin: auto; width: 100%;}
.ListBox .dataTables_filter {width: 45%; margin-bottom: 5px;}
.modal{display: none; height: 100vh; position: fixed; top: 0; width: 100%;}
.modal__bg{background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%;}
.modal__content{background: #fff; left: 50%; padding: 40px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 700px;}
.modal__content h3{text-align: center; margin: 0;}
.btn-modal{background: #5bc0de; border: 1px solid #46b8da; padding: 10px 40px; font-size: 1.4rem; font-weight: 400; text-align: center; border-radius: 30px; color: #ffffff; text-decoration: none; display: block; width: 35%; margin: 10px auto 0; transition: all .3s ease-in-out; cursor: pointer;}
.btn-modal.none{background: #ccc; border: 1px solid #bbb;} @media (max-width: 1200px) {
.ListBox table{display: block;}
} @media (max-width: 767px) {
.ListBox .dataTables_length{display: none;}
.ListBox .dataTables_filter {width: auto;}
.btn-modal{padding: 8px; font-size: 1.25rem; width: 90%;}
.modal{display: none; height: 100vh; position: fixed; top: 0; width: 100%;}
.modal__bg{background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%;}
.modal__content{width: 90%; height: 90vh; padding: 20px; overflow-y: scroll;}
.modal__content h3{text-align: center; margin: 0;}
.modal__content .tool_icon {width: 50%; max-width: 180px;}
ul.web-entry > li{width: 100%;}
ul.web-entry > li .btn-modal{padding: 8px;  width: 90%;}
.panel-body ul.guest_List > li{width: 90%; max-width: 280px; margin: 2.5% auto;}
.panel-body ul.pb_sponsor > li{width: 45%; margin: 0 2.5%;}
.panel-body ul.col-2 > li{width: 100%; max-width: 600px; margin: 0 auto}
}
.entry-step {position: relative; margin-bottom: 65px;}
.entry-step:last-child{margin-bottom: 0;}
.entry-step:before,
.entry-step:after {position: absolute; z-index: 51; right: 50%; bottom: -30px; display: block; width: 16px; height: 16px; margin-right: -10px; content: ""; border-right: 4px solid #ccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.entry-step:after {
webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.entry-step:last-child:before,
.entry-step:last-child:after {content: none;}
.post-entry .row{background: #fff; padding: 15px; margin: 0;}
.post-entry .row:after{content: ""; display: block; border-bottom: 1px #ccc dotted; margin: 0 0 -15px; padding: 10px 0 0;}
.post-entry .row .gallery-item{margin: 0 0 10px;}
.post-entry .dl_item a{color: #fff;}
.post-entry .dl_item ul{margin: 0 auto; padding: 0; text-align: center;}
.post-entry .dl_item li{list-style: none; display: inline-block; margin: 0; padding: 0;}
.post-entry .gallery-item a:hover{opacity:1;}
@media screen and (min-width:1000px){
.post-entry .gallery-item a:hover{opacity:1;}
}
.post-entry .entryBox{width: 100%; position: relative;}
.post-entry .entryBox ul{margin: 0; padding: 0;}
.post-entry .entryBox ul:after{content: ""; display: block; clear: both;}
.post-entry .entryBox li{list-style: none; width: 46%; margin: 0 2%; float: left;}
.post-entry .entryBox li a{width: 100%; background: #eee; border: 3px solid #eee; display: block; text-align: center;}
.post-entry .entryBox li a.entry_Shop{background: #337ab7;}
.post-entry .entryBox li a.entry_Person{background: #449d44;}
.post-entry .entryBox li a.entry_Fax{background: #f0ad4e;}
.post-entry .entryBox li h4{color: #fff; font-size: 3.6rem; font-weight: 700; padding: 15px 0; line-height: 1.4;}
.post-entry .entryBox li h4 i{font-size: 6.4rem;}
.post-entry .entryBox li p{color: #666; font-size: 1.5rem; font-weight: 700; display: block; width: 100%; background: #FFF; margin: 0; padding: 10px 0;}
.post-entry .entryListBox{width: 100%; position: relative;}
.post-entry .entryListBox ul{margin: 0; padding: 0;}
.post-entry .entryListBox ul:after{content: ""; display: block; clear: both;}
.post-entry .entryListBox li{list-style: none; width: 100%; margin: 0 0 2%; position: relative;}
.post-entry .entryListBox li:last-child{margin: 0;}
.post-entry .entryListBox li a{width: 100%; color: #337ab7; border: 3px solid #337ab7; display: table; text-align: center; padding: 10px;}
.post-entry .entryListBox li a:after{font-family: FontAwesome; content: "\f0a9"; position: absolute; top: 50%; right: 15px; margin-top: -20px; font-size: 24px;}
.post-entry .entryListBox li .thumnail-left{width: 10%; display: table-cell; vertical-align: middle;}
.post-entry .entryListBox li .thumnail-body{display: table-cell; text-align: left; vertical-align: middle; padding: 0 15px;}
.post-entry .entryListBox li p{color: #337ab7; font-size: 2.8rem; font-weight: 700; line-height: 1.2; display: block; width: 100%; background: #FFF; margin: 0; padding: 10px 0;}
.post-entry .entryListBox li span{font-size: 1.4rem; font-weight: normal; display: block;}
.post-entry .separate ul{margin: 0; padding: 0;}
.post-entry .separate ul:after{content: ""; display: block; clear: both;}
.post-entry .separate li{list-style: none; width: 50%; margin: 0 auto 2%; float: none;} @media (max-width: 767px) {
.post-entry .entryBox li{width: 90%; margin: 0 auto 15px; float: none;}
.post-entry .entryBox li:last-child{margin: 0 auto;}
.post-entry .entryBox li h4{font-size: 2.6rem; line-height: 1.4;}
.post-entry .entryBox li h4 i{font-size: 6.4rem;}
.post-entry .entryListBox li{margin: 0 0 4%;}
.post-entry .entryListBox li .thumnail-left{width: 16%;  min-width: 50px;}
.post-entry .entryListBox li p{font-size: 2.2rem;}
.post-entry .entryListBox li span{font-size: 1.3rem;}
}
#result .panel-body{padding: 15px 0;}
#result .panel-body li:last-child{font-size: 1.1rem;}
#result h3.band-primary {
border-bottom: none;
font-weight: bold;
}
#result h3.band-default,
#result h3.band-primary{
font-size: 18px;
line-height: 1;
padding: 10px;
margin: -15px 0 0;
}
#result .band-color,#result .band-color small{
color: white !important;
}
#result .band-color,
.band-color + div .media-detail {
background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}
#result .caption{}
#result .gallon{}
#result .gallon .h3 + li.inline-block:after{
content: "" !important;
}
#result .gallon li.inline-block {
display: block !important;
}
#result .gallon li.inline-block:nth-child(6) {
margin-bottom: 5px;
}
#result .caption ul{
list-style: none;
margin: 0 0 20px;
padding: 0;
}
#result .caption .h3{
font-size: 18px;
background-repeat: no-repeat;
background-position: left top;
background-size: 20px 16px;
padding-left: 24px;
line-height: 1.2;
margin-top: 3px;
margin-bottom: 2px;
text-align: left;
}
#result .caption li.inline-block {
font-size: 1.6rem;
display: inline-block;
}
#result .caption .caption_range {
display: none;
}
#result .caption .h3 + li.inline-block:after{
content: " & ";
}
#result .caption .h3.rank1 {
background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/tour/assets/img/result/common/icon_rank1.png);
}
#result .caption .h3.rank2 {
background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/tour/assets/img/result/common/icon_rank2.png);
}
#result .caption .h3.rank3 {
background-image: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/tour/assets/img/result/common/icon_rank3.png);
}
#result .post-entry .row{
padding: 15px 0;
}
#result .post-entry .row:after{
content: "";
display: block;
border-bottom: none;
margin: 0;
padding: 0;
}
#result .flex li:last-child:before {
font-family: FontAwesome;
content: "\f015";
margin-right: 0.2em;
}
#result .movieArea{} 
#result .movieArea .movie-wrap{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
#result .movieArea .movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#result .photoArea{margin: 15px 0 0;}
#result .photoArea .btn{display: block; width: 100%; margin: 0 auto; font-size: 1.6rem; padding: 12px 0;}
#result .photoArea a{color: #fff;}
.module-title {}
.module-title:after {
content:"";
display:block;
height:3px;
width:100%;
background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
}
.module-title small{
display: block;
text-align: center;
font-size: 1.4rem;
line-height: 2;
margin: 0 0 0.5rem;
}
.team-image {
border: 1px #ddd solid;
}
.team-name span {
background: #d9534f;
color: #fff;
font-size: 1rem;
padding: 2px 3px 2px 4px;
border-radius: 3px;
vertical-align: 2px;
margin: 0 3px 0 0;
}
.video-title {
line-height: 3.8rem;
}
.video-title small{
display: block;
text-align: center;
font-size: 1.4rem;
line-height: 2;
margin: 0 0 0.5rem;
}
.bg-white-50{
background: url(//dev2.pxdarts.jp/wp-content/themes/pxdarts/gear/assets/img/schedule_bg.png) repeat;
} @media (max-width: 767px) {
.post-title {font-size: 1.8rem;}
.callout-text {margin: 0 0 10px;}
.eventList .team-name{font-size: 1.4rem; line-height: 1.8rem;}
.post-entry {padding: 10px;}
.module-title {margin: 25px 0 35px;}
.team-detail {padding: 10px;}
.video-box {padding: 10px 0;}
.post-detail {padding: 10px; margin: -7px -7px;}
.post-detail h4{font-size: 1.6rem;}
.panel-body{font-size: 1.3rem;}
.panel-body .well-default h2{font-size: 20px;}
.panel-body .well-default .show-sp{display: block;}
.panel-body ul.list-style-diamond li{list-style: none; margin: 0 0 0 3px;}
.post-entry .dl_item a{width: 100%; max-width: 400px; margin: 0 auto;}
.post-entry .dl_item li{display: block; margin: 0 0 10px; text-align: center;}
.nav-tabs {border-bottom: none;}
.nav-tabs>li{float: none; background: #efefef; border: 1px solid #ccc; margin-bottom: 1px; position: relative;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none; border-bottom-color: transparent;}
.nav-tabs>li>a {margin-right: 0; border: 1px solid transparent; border-radius: 0;}
.nav-tabs>li>a:after {position: absolute; top: 50%; right: 10px; font-family: TablePress; content: "\f054"; margin-top: -8px;}
}  .wpcf7-form .must {
color: #fff;
margin-right: 5px;
padding: 0px 10px;
background: #e41f1b;
border-radius: 6px;
font-size: 0.8rem;
} .wpcf7-form .free {
color: #fff;
margin-right: 10px;
padding: 6px 10px;
background: #424242;
border-radius: 20px;
} form.wpcf7-form p {
font-weight: 600;
} input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 8px 15px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #d0d5d8;
border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 200px;
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background: rgba(255, 255, 142, 0.46);
} input.wpcf7-submit {
width: 100%;
color: #444;
font-size: 1.4rem;
font-weight: 700;
padding: 1rem;
}
input.wpcf7-submit:hover {
cursor: pointer;
} span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: red;
font-weight: 600;
}
.wpcf7-radio .wpcf7-list-item {
margin: 0 1rem;
}
.screen-reader-response[role="alert"] {
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
} footer a {
color: white;
}
footer a:hover,
footer a:focus {
color: white;
text-decoration: underline;
}
footer ul {
margin-bottom: 5px;
padding: 0;
list-style-type: none;
}
footer ul > li:after {
content: "|";
color: white;
margin: 0 0.5rem;
}
footer ul > li:last-child:after {
content: none;
} .footline {
background-color: #e41f1b;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
margin: 0;
color: white;
text-align: center;
line-height: 1.4;
font-size: 84%;
z-index: 1;
padding: 3px 0;
}
.bg-px {
background-color: #e41f1b !important;
}
@media (max-width: 767px) {
body {
background: none;
}
}