html{font-size: 16px;}
body{font-size:16px;fon-size:1.6rem}
.youtube_video{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube_video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.right-image{
width: 100%; height: auto;margin:0 0px 20px 0px;
}
footer {
padding-top:10px;
background-color: #222;
}
.footer-profile-img{
width:100%;
}
@media screen and (min-width:767px){
.right-image{
width: 350px; height: auto;float: right; margin:0 0px 20px 20px;
}
.footer-profile-img{
width:25%;
float: left;margin-right:15px;
margin-bottom:5px;
}
}
.footer-inner{
max-width: 1000px;
width:100%;
margin:0 auto;
line-height: 120%;
}
.footer-title {
background-color: #ccc;
border-left: 6px solid #dd0000;
padding: 4px 8px;;
font-size: 14px;
color:#000;
margin-bottom:10px;
}
.footer-inner a{
color:#fff;
text-decoration: underline;
}
.footer-c1{
font-size: 12px;
width: 45%;
float: left;
color:#fff;
}
.footer-c2{
font-size: 13px;
width: 45%;
float: right;
color:#fff;
}
.footer-c2 ul{
font-size: 13px;
width: 40%;
float:left;
}
.footer-c2 ul li {
margin-bottom: 6px;
}
@media screen and (max-width: 480px) {
.footer-c1{
font-size: 13px;
width: 90%;
margin:10px auto;
float: none;
color:#fff;
}
.footer-c2{
font-size: 13px;
width: 90%;
margin:10px auto;
float: none;
color:#fff;
}
.footer-c2 ul{
font-size: 13px;
width: 100%;
margin: 0 20px;
float:left;
}
}
a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70); /* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
ul.jockeys {
padding:0;
}
ul.jockeys li{
list-style: none;
}
ul.jockeys li{
float: left;
margin:15px;
}
ul.jockeys li img{
width:150px;
}
.sticky{z-index:2}
.link-color{color:#00f}
.footer-copyright{
background-color:#222;
font-size:0.9rem;
padding-top:10px;
}
.footer-copyright .footer-category-list a{
color:#fff;
font-size:0.5rem;
text-decoration: none;
}
.footer-copyright a{
color:#fff;
text-decoration: underline;
}
#top-menu li .menu-description {
width: calc(100% - 30px);
margin: 0 10px;
position: absolute;
padding: 0;
font-size: 1.2rem;
color: #fff;
font-weight: normal;
z-index: 100;
line-height: 150%;
border-top: 1px solid #fff;
margin-top: 10px;
padding-top: 10px;
}
#top-menu li ul.menu-voice{
margin: 0;
padding:0;
}
#top-menu li ul.menu-voice ul{
margin: 0;
padding:0;
}
#top-menu li ul.menu-voice li{
margin: 0;
padding: 0;
line-height: 130%;
display: inline-block;
color: #fff;
font-size: 2em;
letter-spacing: -0.02em;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
width: 100%;
padding-bottom: 8px;
padding-left: 5px;
text-shadow: none;
width: 100%;
text-align: center;
padding-top: 10px;
background-size: 100% auto;
height: auto;
z-index: 100;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
background-size: cover;
margin: 0 0px;
position: relative;
padding: 0;
font-size: 1.2rem;
color: #fff;
font-weight: normal;
z-index: 100;
line-height: 150%;
}
#top-menu li ul.menu-voice li::before {
background-color: rgba(0,0,0,0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#top-menu li ul.menu-voice li a{
color:#fff;
}
#top-menu li{
margin: 0;
padding: 0;
line-height: 130%;
display: inline-block;
color: #fff;
font-size: 2em;
letter-spacing: -0.02em;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
width: 100%;
padding-bottom: 8px;
padding-left: 5px;
text-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
width: 47%;
text-align: center;
padding-top: 10px;
background-size: 100% auto;
height: 275px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
background-size:cover;
}
#top-menu li::before{
background-color: rgba(0,0,0,0.55);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#top-menu li:hover{
filter: brightness(110%);
cursor: pointer;
z-index: 10;
}
#top-menu li:hover::before{
background-color: rgba(0,0,0,0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#top-menu li span{
position: relative;
z-index: 100;
color: #fff;
}
#top-menu .new-icon{
position: absolute;
right:-20px;top:-10px;
width:80px;
height:80px;
}
.sp-area #top-menu .new-icon{
position: absolute;
right:5px;top:5px;
width:50px;
height:50px;
}
.sp-area #top-menu li{
background-size: 100% auto;
}
.category #top-menu li.voice{
float: left;
}
.category #top-menu li{
height: 150px;
padding-top: 50px;
}
.category #top-menu li.mikata2 {
padding-top: 30px;
}
ul#top-menu { padding: 0px;}
#top-menu li.news{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-news.jpg);float:left;}
#top-menu li.mikata{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/about-mikata.jpg);float:right;}
#top-menu li.mikata2{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/service-info2.jpg);float:left;padding-top:45px;}
#top-menu li.message{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-interview.jpg);float:left;}
#top-menu li.keibariron{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/about-keibariron.jpg);float:left;position: relative;}
#top-menu li.service{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/about-mikata.jpg);float:right;}
#top-menu li.finance{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/finance-keibariron.jpg);float:right;}
#top-menu li.seminar{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-seminar.jpg);float:right;}
#top-menu li.jockeylist{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/jockey.jpg);float:left;}
#top-menu li.voice{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/user-voice.jpg);float:right;}
#top-menu li.present{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/present.jpg);float:left;}
#top-menu li.howtobuy{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/howtobuy.jpg);float:left;padding-top:70px;}
#top-menu li.wayoflooking{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/wayoflooking.jpg);float:right;padding-top:70px;}
#top-menu li.wayofreading{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/wayofreading.jpg);float:left;padding-top:70px;}
#top-menu li.racehorse{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/racehorse.jpg);float:right;padding-top:70px;}
#top-menu li.evaluate{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/evaluate.jpg);float:left;padding:45px 30px 0 30px;}
#top-menu li.othertheory{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/othertheory.jpg);float:right;padding-top:70px;}
.sp-area #top-menu li{
font-size: 1.5em;
padding-top:45px;
}
.sp-area #top-menu {
margin: 0 auto;
padding: 0;
width: 95%;
}
.sp-area #top-menu li.news{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-news.jpg);float:left;}
.sp-area #top-menu li.mikata{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/about-mikata.jpg);float:right;padding-top:25px;}
.sp-area #top-menu li.mikata2{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/service-info2.jpg);float:right;padding-top:25px;}
.sp-area #top-menu li.message{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-interview.jpg);float:left;}
.sp-area #top-menu li.keibariron{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/about-keibariron.jpg);float:right;}
.sp-area #top-menu li.service{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/service-info2.jpg);float:left;}
.sp-area #top-menu li.finance{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/finance-keibariron.jpg);float:left;}
.sp-area #top-menu li.seminar{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/master-seminar.jpg);float:left;}
.sp-area #top-menu li.voice{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/user-voice.jpg);float:right;}
.sp-area #top-menu li.othertheory{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/othertheory.jpg);float:right;padding-top:25px;}
.keibariron-header{
margin:0;padding:0;
display: inline-block;
color: #fff;
font-size: 1.9em;
letter-spacing: -0.02em;
font-weight: bold;
color: #fff;
margin-bottom:10px;
width:100%;
padding-bottom:8px;
padding-left:5px;
text-shadow: 1px 1px 3px #000,1px 1px 3px #000;
width:100%;
text-align: center;
padding-top:70px;
background-size:100% auto;
height:200px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
margin-bottom:20px;
}
.keibariron-header h2{ color: #fff;font-weight: bold;}
.keibariron-header.howtobuy{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/howtobuy.jpg);float:left;padding-top:70px;}
.keibariron-header.wayoflooking{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/wayoflooking.jpg);float:right;padding-top:70px;}
.keibariron-header.wayofreading{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/wayofreading.jpg);float:left;padding-top:70px;}
.keibariron-header.racehorse{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/racehorse.jpg);float:right;padding-top:70px;}
.keibariron-header.evaluate{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/evaluate.jpg);float:left;padding:45px 30px 0 30px;}
.keibariron-header.othertheory{background-image:url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/othertheory.jpg);float:right;padding-top:70px;}
.float-r{
width:49%;
float:right;
clear: initial!important;
}
.float-l{
width:49%;
float:left;
clear: initial!important;
}
.join-bt{
display: inline-block;
width: 100px;
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
margin: 0px 0px 0 0;
padding: 0 10px;
-webkit-border-radius: 6px;
border-radius: 6px;
font: normal 1px/45px "Questrial", Helvetica, sans-serif;
color: rgb(255, 255, 255);
-o-text-overflow: clip;
text-overflow: clip;
background: #32ab33;
text-shadow: 0 1px 2px rgb(50,114,40);
border-bottom: 3px solid #487127;
font-size: 16px!important;
}
.join-bt:hover{
background: #32ab33;
text-shadow: 0 1px 2px rgb(50,114,40);
margin-top:3px;
border-bottom: 0px solid #487127;
font-size: 16px!important;
color:#fff;
}
.join-bt-disable{
display: inline-block;
width: 100px;
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
margin: 0px 0px 0 0;
padding: 0 10px;
-webkit-border-radius: 6px;
border-radius: 6px;
font: normal 1px/45px "Questrial", Helvetica, sans-serif;
color: rgb(255, 255, 255);
-o-text-overflow: clip;
text-overflow: clip;
background: #888;
text-shadow: 0 1px 2px #888;
border-bottom: 3px solid #555;
transition: .3s;
font-size: 16px!important;
}
#top-menu li .new-date {
font-weight: bold;
color: #ff0000!important;
font-size: 1.0rem;
}
#top-menu li .new-date {
font-weight: normal;
color: #ff0000!important;
font-size: 0.7rem;
}
#top-menu li .new-icon{
border-radius: 50%;
background-color: #ffff02;
text-shadow: none;
color: #000;
padding-top: 14px;
text-align: center;
font-size: 0.85rem;
font-weight: bold;
line-height: 100%;
}
ul.nav-menu-list li{
position: relative;
}
.new-nav-icon{
border-radius: 50%;
width: 30px;
height: 30px;
position: absolute;
top: 2px;
left: 6px;
background-color: #ffff02;
text-shadow: none;
color: #000;
padding-top: 10px;
text-align: center;
font-size: 0.01rem;
font-weight: bold;
line-height: 100%;
}
@media screen and (min-width:767px){
#top-menu li .new-date {
font-weight: normal;
color: #ff0000!important;
font-size: 0.9rem;
}
#top-menu li.news .new-icon{position: absolute;
left: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.mikata .new-icon{position: absolute;
right: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.keibariron .new-icon{position: absolute;
left: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.finance .new-icon{position: absolute;
right: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.seminar .new-icon{position: absolute;
right: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.jockeylist .new-icon{position: absolute;
left: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.voice .new-icon{position: absolute;
right: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li.present .new-icon{position: absolute;
left: -40px;
top: 0px;
width: 80px;
height: 80px;}
#top-menu li .new-icon{
border-radius: 50%;
background-color: #ffff02;
text-shadow: none;
color: #000;
padding-top: 20px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
line-height: 110%;
}
}
@media screen and (max-width:767px){
.float-r{
width:100%;
float:right;
}
.float-l{
width:100%;
float:left;
}
.keibariron-header{
margin:0;padding:0;
display: inline-block;
color: #fff;
font-size: 1em;
letter-spacing: -0.02em;
font-weight: bold;
color: #fff;
margin-bottom:10px;
width:100%;
padding-bottom:8px;
padding-left:5px;
text-shadow: 1px 1px 3px #000,1px 1px 3px #000;
width:100%;
text-align: center;
padding-top:70px;
background-size:100% auto;
height:130px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
margin-bottom:20px;
}
.keibariron-header.howtobuy{float:left;padding-top:50px;}
.keibariron-header.wayoflooking{float:right;padding-top:50px;}
.keibariron-header.wayofreading{float:left;padding-top:50px;}
.keibariron-header.racehorse{float:right;padding-top:50px;}
.keibariron-header.evaluate{float:left;padding:25px 30px 0 30px;}
.keibariron-header.othertheory{float:right;padding-top:50px;}
#top-menu li.howtobuy{background-image:url(images/howtobuy.jpg);padding-top:50px;}
#top-menu li.wayoflooking{background-image:url(images/wayoflooking.jpg);padding-top:50px;}
#top-menu li.wayofreading{background-image:url(images/wayofreading.jpg);padding-top:50px;}
#top-menu li.racehorse{background-image:url(images/racehorse.jpg);padding-top:50px;}
#top-menu li.evaluate{background-image:url(images/evaluate.jpg);padding:30px 30px 0 30px;}
#top-menu li.othertheory{background-image:url(images/othertheory.jpg);padding-top:50px;}
#top-menu li{width:100%;margin:10px 0 0 0;font-size:22px;height:130px;}
#top-menu{
margin:0;
padding:0;
}
#searchsubmit{background-color: #ccc;}
.keibariron-search-area{
margin:20px 0 5px 0;
}
.keibariron-master-photo {width:100%}
.keibariron-master-photo img{width:100%}
}
.top-menu-area{width:100%;margin:0 auto;max-width: 1000px;padding:10px 0;}
.newsfeed-area{
border-radius: 0px;
position: relative;
top: 0px;
left: 0px;
padding: 0px 0px;
margin-bottom: 20px;
border:1px solid #dd0000;
background-color: #fff;
}
@media screen and (max-width: 480px) {
.newsfeed-area{
margin:10px;
}
}
.mainvisual-pc-left .newsfeed-area{
border:0px solid #dd0000;
}
.toppage-post-link{
position: absolute;
right:40px;
top:26px;
border-radius: 6px;
padding:10px;
font-size:14px;
font-weight: bold;
color:#fff;
background-color: #dd0000;
}
.hide-for-sp{position: relative;}
.news-title {
font-weight: bold;
text-align: center;
background-color:#dd0000;
color:#fff;
line-height: 200%;
margin-bottom:10px;
}
.all-newsfeed a{
margin:0;padding:0;
display: inline-block;
color: #000;
font-size: 0.8em;
letter-spacing: -0.02em;
font-weight: bold;
color: #000;
margin-bottom:10px;
width:100%;
padding-bottom:8px;
padding-left:5px;
border-bottom: 1px solid #fff;
}
.newsfeed {
position: absolute;
margin: 0 30px;
}
.newsfeed ul{list-style: none;padding:0;width: 100%;}
.newsfeed ul li{margin:0;padding:0;
width: 100%;
position: relative;
font-size: 0.9em;
letter-spacing: -0.02em;
font-weight: bold;
color: #000;
padding:5px 0;
}
.newsfeed ul li a{margin:0;padding:0;
color: #000;
font-size: 1.3rem;
letter-spacing: -0.02em;
font-weight: bold;
}
.newsfeed ul li a:hover{
text-decoration: underline;
}
.newsfeed-area a{margin:0;padding:0;
color: #000!important;
}
.newsfeed ul li span.newsfeed-date{
font-size: 0.8em;
position: absolute;
right:0;
bottom:7px;
font-weight: normal;
margin:0;
padding:0;
}
@media screen and (max-width: 480px) {
.newsfeed {
margin: 0 15px;
}
.newsfeed ul li a{
font-size: 0.8rem;
}
.newsfeed ul li span.newsfeed-date{
font-size: 0.5em;
position: absolute;
right:0;
bottom:-7px;
font-weight: normal;
margin:0;
padding:0;
}
.news-title{
font-size: 0.9rem;
}
.newsfeed ul li{
padding:0;
}
}
.button-wrap {
text-align: center;
}
.button {color:white!important;margin:10px 10px 10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.button.blue {background: #3498db;border-bottom: 3px solid #226693;}
.button.blue:hover {background:#2980b9;}
.button.green {background: #32ab33;
text-shadow: 0 1px 2px rgb(50,114,40);
border-bottom: 3px solid #487127;
transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
}
.button.green:hover {margin-top:13px;
border-bottom: 0px solid #487127;}
.button.orange {background: #ff7300;border-bottom: 3px solid #e26b09;}
.button.orange:hover {background:#f27208;}
.button.red {background: #e74c3c;border-bottom: 3px solid #922C20;}
.button.red:hover {background:#dd0000;}
.button.purple {background: #9b59b6; border-bottom: 3px solid #74398E;}
.button.purple:hover {background:#8e44ad;}
.button.seagreen {background: #1abc9c;border-bottom: 3px solid #127F69;}
.button.seagreen:hover {background: #16a085;}
.button.big {
font-size:18px;
width:80%;
max-width:500px;
}
.osusume{color: #fff;
display: inline-block;
font-weight: normal;
font-size: 16px;
padding: 5px 10px;
background: #666;
margin-top: 6px;
border-radius: 3px;}
.osusume.value-plan{
background: #cc0000;
}
.footeroverlay{
width:100%;
position: fixed;
bottom: 0px;
left:0;
z-index: 10000;
display: none;
}
.footeroverlay img{
width:100%;
height:auto;
}
@media screen and (max-width:767px){
.osusume{font-size: 14px;}
.button.big {
font-size: 14px;
width: 100%;
}
}
span.t-bold{
color:#ff0000;
font-weight: bold;
}
span.t-red{
color:#ff0000;
}
span.t-blue{
color:#0000ff;
}
span.t-orangemarker{
background-color: #ffcc00;
}
span.t-yellowmarker{
background-color: #ffff99;
}
span.t-big{
font-size:24px;
}
span.t-med{
font-size:18px;
}
.button.medium {font-size:15px; padding: 10px 15px;}
.button.small {font-size:12px; padding:8px 10px;}
h1.title span{font-size:3rem}
ul.nolist li{list-style:none;padding-left:0}
ul.nolist{padding-left:0}
.headmenu{font-size:2.5rem;text-align:center;line-height:0}
.headmenu span{line-height:0}
.headmenu span strong{font-size:0.5rem!important}
.headboxmenu{overflow:hidden;list-style:none;margin:0;padding:0;border-top:1px solid #ccc}
.headboxmenu li{float:left;width:50%}
.headboxmenu li a{display:block;padding:1rem;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#fafafa;margin:0;color:#222}
.headboxmenu li:nth-child(even) a{border-right:0}
.headboxmenu li:nth-child(3){clear:both}
.headboxbanner li{margin:1rem 0}
ul.button-group{padding-left:0!important}
ul.button-group.pageheadmenu li a{font-size:13px;margin-bottom:1px}
#header-description{font-size:12px;overflow:-webkit-marquee;white-space:nowrap;-webkit-marquee-speed:100}
h2{font-size:1.8rem}
.div01,.div02{overflow:hidden;background:#fafafa}
.div01 h2,.div02 h2{color:#fff;background:#444;font-size:1.6rem;padding:0.5rem}
.index-choku{margin-bottom:10px;overflow:hidden}
.index-choku p{font-size:16px}
.index-choku p img{max-width:30%;height:auto}
.index-choku h2{font-size:1.2rem}
.index-choku h2 strong{display:block;clear:both;font-size:180%}
.footer-category-list{list-style: none;}
ul.footer-category-list{padding:0;margin:0 auto;width:90%;}
.footer-category-list li {float:left; padding:0px 10px;}
.footer-category-list a {color:#000;font-size:1rem;}
.footer-category-list a:hover {text-decoration: underline;}
#breadcrumb{overflow:hidden;magin:0 0 10px;padding:0}
#breadcrumb li{list-style:none;float:left}
#breadcrumb li a:after{content:" >"}
#breadcrumb li a{display:block;font-size:70%}
.ovh{overflow:hidden}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.bd-red{border-color:#cc0010}
.bd-blue{border-color:#405d9b}
.bd-green{border-color:#6fba2c}
.bd-gray{border-color:#999}
.bg-red{background:#cc0010}
.bg-blue{background:#405d9b}
.bg-green{background:#6fba2c}
.bg-gray{background:#999}
i.fa.fa-twitter {
color: #57a0cc;
}
.red{color:#cc0010}
.blue{color:#405d9b}
.green{color:#6fba2c}
.gray{color:#999}
.radius{border-radius:5px}
.round{border-radius:100px}
.voicebox{border:1px solid #ccc;margin-bottom:20px;font-size:12px;overflow:hidden}
.voicebox h3{margin:0;padding:0 0 10px;font-size:18px;color:#dd0000}
.voicebox span{font-size:13px;margin-left:10px}
.voicebox span.bg-red{padding:3px 10px;color:#fff}
.center{display:block;text-align:center}
.indexmuryotouroku{position:fixed;z-index:1100;left:5;bottom:0;background:#fff;text-align:center;width:100%;margin:0 -5px}
.indexmuryotouroku a{display:block;margin:0 auto;text-align:center}
.newList-text ul{overflow:hidden;list-style:none;padding:0;margin:0 0 30px}
.newList-text ul li{padding:0;margin:0}
.newList-text ul li a{display:block;padding:10px 10px 0;border-bottom:1px solid #ccc;overflow:hidden}
.newList-text ul li a:hover{background:#faf9f9}
.newList-text ul li h3{font-weight:700}
.newList-text ul li a span{font-weight:400;text-align:right;font-size:12px;color:#999}
.newList-text ul li a p{color:#666;font-size:13px}
.newList{clear:both}
.newList .articleImg{width:20%;float:left;position:relative;overflow:hidden}
.newList .articleImg img{margin:0}
.newList .articleImg .cateslug{color:#fff;display:block;text-align:center;width:100%;position:absolute;bottom:0;font-size:1.6rem;padding:0.5rem 0;opacity:.7;text-shadow:#949494;font-family:'PT Serif',serif}
.newList .post a{display:block;position:relative;margin:0 0 10px;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fbfbfb;color:#000}
.newList .post a:hover{background:#eee}
.postTxt{float:right;width:78%;margin:0}
.postTxt h3{margin:0 0 10px;color:#3e3a39;font-size:20px;font-weight:700;line-height:150%}
.postTxt p{color:#898989;font-size:16px;line-height:150%}
.postTxt span{display:block;float:right}
.mainvisual-post .postTxt span{display:inline-block;float:none}
.index-choku img{display:block;margin-bottom:20px}
.index-choku img.wp-post-image{float:right;margin:0 0 10px 20px;max-width:300px;display:block}
.index-newstab{oveflow:hidden}
.index-newstab .tabs-content ul li a{display:block;overflow:hidden;position:relative}
.index-newstab .tabs-content ul li a h3{padding:10px;position:absolute;bottom:0;margin:0;z-index:1;background:#000;color:#fff;width:100%}
.midashi01 h2{background:#dd0000;color:#fff;padding:15px;text-align:left;margin:20px 0}
.muryoreg{border:1px solid #ccc;margin:30px auto}
a.btn{display:block;background-color:#666;border:1px solid #666;color:#fff;font-size:150%;padding:15px;width:100%}
.btn.orange{background-color:#ff7f00;border:1px solid #ff7f00}
.footerbtn ul{max-width:1190px;margin:0 auto;overflow:hidden;clear:both;text-align:center}
.footerbtn ul li a{display:block;border:2px solid #ccc;padding:10px;border-radius:5px}
.footerbtn ul li a i{display:block;float:left;font-size:50px;margin:0 10px 0 0}
.footerbtn ul li a h3{margin:0;padding:0;font-size:11px}
.footerbtn ul li a h3 span{display:block;font-size:13px;font-weight: bold;}
.nono{font-size:12px;padding:5px;margin-right:10px;color:#bf0000}
.stepArea dl dd.ddnono{color:#777; background:#EEEEEE;}
.wp-pagenavi{clear:both;margin:10px 0 20px;overflow:hidden;font-size:16px}
.wp-pagenavi a,.wp-pagenavi span.current{float:left;padding:2px 5px;margin:5px;min-width:23px;text-align:center;display:block;overflow:hidden;text-decoration:none;border:1px solid #ccc}
.wp-pagenavi a{-webkit-box-shadow:1px 1px 1px #666;-moz-box-shadow:1px 1px 1px #666;box-shadow:1px 1px 1px #666}
.wp-pagenavi span.current{background:#ccc;color:#fff;font-weight:700;-webkit-box-shadow:1px 1px 1px #666 inset;-moz-box-shadow:1px 1px 1px #666 inset;box-shadow:1px 1px 1px #666 inset}
.mypagenavi2{background:#dd0000;overflow:hidden;font-size:12px;padding:5px}
.mypagenavi2.mypagenavi3 .inner ul li .otoiawase a{
display: inline;
}
.mypagenavi2 .inner{max-width: 1050px;}
.mypagenavi2 ul.loginlist li a{
border-right: 0px solid transparent;
}
a.yosobuy-bt {
display: inline-block;
width: 110px;
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
margin: 0px 13px 0 0;
padding: 0 60px;
-webkit-border-radius: 6px;
border-radius: 6px;
font: normal 25px/55px "Questrial", Helvetica, sans-serif;
color: rgb(255, 255, 255);
-o-text-overflow: clip;
text-overflow: clip;
background: #32ab33;
font-weight: bold;
text-shadow: 0 1px 2px rgb(50,114,40);
border-bottom: 3px solid #487127;
font-size:16px!important;
}
a.yosobuy-bt:hover {
margin-top:3px;
border-bottom: 0px solid #487127;
}
h4.notes {
font-size: 0.8rem;
margin: 0;
color: #fff;
display: inline-block;
}
.site-description h1{
font-size: 0.8rem;
margin: 0;
color: #fff;
display: inline-block;
}
.mypagenavi2 span.notes{color:#fff;font-size:11px;display:block;float:left}
.mypagenavi2 span.notes img{display:block;float:left;margin-right:10px;width:120px;margin-bottom:4px;
margin-top:4px;}
.mypagenavi2 ul{display:inline-block;padding:0;margin:0 auto;overflow:hidden;list-style:none;float:right;min-width: 500px;}
.mypagenavi2 ul li{float:right;color:#fff;overflow:hidden;padding:0}
.mypagenavi2 ul a,.mypagenavi2 ul li .navin{display:block;color:#fff;border-right:1px solid #fff;padding:0 10px;font-size:12px}
.mypagenavi2 ul li span{font-size:12px;display:block;float:left;background:#fff;border-radius:5px;color:#333;padding:2px 5px;margin-right:10px}
.mypagenavi2.mypagenavi3{font-size:14px}
.mypagenavi2.mypagenavi3 .inner{padding:0 10px;margin:0 auto;font-size:14px}
.innerright{float:right;max-width:80%;margin-top:15px;}
.site-description ul li{
font-size:11px;
margin-bottom:10px;
margin-top:4px;
}
.mypagenavi2.mypagenavi3 .loginform{padding-top:10px;display:block;clear:both}
.mypagenavi2.mypagenavi3 .loginform .formsubmit{width:20%;float:right}
.mypagenavi2.mypagenavi3 .loginform .loginformr{width:80%;float:left}
.mypagenavi2.mypagenavi3 .loginform .loginformr input{font-size:12px;background:#fff;color:#000;width:47%;float:left;margin-right:1%;padding:5px 1%;margin-bottom:5px}
.mypagenavi2.mypagenavi3 .loginform .formsubmit input{width:98%;padding:8px 1%;display:block;font-size:12px;background:#dbdbdb;color:#000;font-weight:700}
.mypagenavi2.mypagenavi3 .loginform a{display:block;clear:both}
.mypagenavi2.mypagenavi3 .inner ul li a{font-size:15px;font-weight:700}
.mypagenavi2.mypagenavi3 .notes{font-size:10px;max-width:60%;float:left}
.mypagenavi2.mypagenavi3 .status{font-size:12px;max-width:40%;float:right;color:#fff}
.mypagenavi2.mypagenavi3 .status a{color:#fff}
.mypage-kaiin a.keizoku{background-color:#11a017;color:#fff;display:block;padding:15px 0;text-align:center;text-decoration:none;border:2px solid #fff}
.mypage-otoiawase,.mypage-otoiawase ul li{ font-size:13px;}
span.inq-no{color:#333;font-size:13px;margin-right:20px}
span.inq-date{color:#333;font-size:13px}
.mypage-kaiin a.keizoku:hover{background-color: #56b75a;; text-decoration:underline;}
.mypage-kaiin table a{color:#333}
.mypage-kaiin table td{color:#333;font-size:18px;font-weight:700}
.mypage-kaiin table th{font-weight:400}
.mypage-otoiawase table,.mypage-announce table{ width:100%; }
.mypage-otoiawase table a,.mypage-announce table a{color:#333}
.mypage-otoiawase table a:hover,.mypage-announce table a:hover{text-decoration:underline}
.mypage-otoiawase table td,.mypage-announce table th,.mypage-announce table td{border-bottom:1px solid #ccc; padding:5px;}
.mypage-announce table td:first-child{font-size:12px}
a.kikan,.seminar-nenkan{ color:#000000; font-size:13px; text-align:center; padding:5px; display:block; border:#DBDBDB 2px solid; margin-bottom:10px;}
a.kikan:hover,a.seminar-nenkan:hover{ text-decoration:none; background:#F5F5F5; color:#000000;}
a.kikan i,a.seminar-nenkan i{ color:#dd0000;}
.mypagenavi{background:#f7e8e9;overflow:hidden;border-bottom:#f7e8e9 1px solid}
.mypagenavi ul{padding:0;background:#fff;margin:0 auto;max-width:1100px;overflow:hidden;list-style:none}
.mypagenavi ul li{width:13%;float:left}
.mypagenavi ul li:last-child,.mypagenavi ul li:first-child{width:17%;float:left}
.mypagenavi ul a{display:block;color:#333}
.mypagenavi ul div.navin,.mypagenavi ul li a{border-right:#f7e8e9 1px solid;padding:10px;height:80px}
.mypagenavi ul li span{font-size:12px;display:block}
.icon-logo{max-width:100%!important}
.content-fl-l{float:right;margin:0 0 40px 40px;width:400px}
.single-title h2{font-size:40px}
.single-title span{display:block;font-size:22px}
.titleimg-fl-l{float:left;margin:0 10px 0 0}
.sigleinfo{margin-right:10px;border-radius:15px;font-weight:400;font-size:12px;color:#fff;padding:5px 10px;width:auto;vertical-align:middle}
.morebtn{font-size:14px;font-weight:400;display:inline-block;padding:5px 30px;background-color:#555555;text-decoration:none;color:#fff;float:right;bottom:27px;right:10px;border:0}
.morebtn:hover{ color:#FFFFFF;}
.masterMovie{overflow:hidden;margin:20px auto 30px;text-align:center;max-width:40%}
#pankuzu{margin:20px 0}
a.single_button {
background: #cc0000;
background: -webkit-linear-gradient(top, #f11414 0%,#cc0000 100%);
padding: 10px 5px 10px 5px;
border: 1px solid #cc0000;
margin:20px auto;
padding:20px;
border-radius: 5px;
color: #fefefe;
display: inline-block;
zoom: 1;
font-weight: bold;
font-size: 20px;
}
a.single_button:hover {
opacity: 0.8;
}
.bannerfirst{border:2px solid #00f;max-width:700px;display:block;margin:20px auto 30px;text-align:center;font-size:20px;padding:20px;font-weight:700}
.bannerfirst:hover{opacity:.7;color:#00f;text-decoration:underline}
.kiji-waku{position:relative}
.kiji-waku h4{
margin: 0!important;
padding: 5px 0 5px 10px;
font-size: 20px;
font-size: 1.5rem;
border: 1px solid #ddd;
background-color: #faf9f9;
font-weight:normal;
}
.muryouregup{position:absolute;height:300px;background:url(images/nextbg.png) repeat-x;z-index:100;width:100%;bottom:0}
.muryouregwrap {
background-color: #000;
border: 6px solid #aaa;
overflow: hidden;
padding: 0;
background-size: cover;
margin: 20px auto;
border-radius: 6px;
}
.muryoureg{padding:0px 0;overflow:hidden;max-width:600px;margin:10px auto}
.muryoureg img{
vertical-align:bottom;width:30%;height:auto;margin-right:50px;
}
.muryoureg strong{ font-size: 22px;
text-align: center;
display: inline-block;;
color: #fff;
padding: 0px 0 13px 0;}
.category-right .muryoureg strong{ font-size: 15px;
text-align: center;
display: inline-block;;
color: #fff;
padding: 0px 6px 13px 6px;}
.muryoureg-inner{overflow:hidden;background:#eaeaea;padding:10px}
@media screen and (max-width:768px){
.muryoureg img{
vertical-align:bottom;width:35%;height:auto;margin-right:0px;float: left;
}
.muryoureg strong{font-size: 15px;
text-align: center;
display: block;
color: #fff;
padding: 10px 0 5px 0;}
}
#footer a:hover,.entry-content a:hover{text-decoration:underline}
.muryoureg-innerr a{border-radius:5px;background:#2d6fb7;color:#fff;display:block;padding:10px 0;
/* height: 103px; */
padding: 24px 0px 21px;
width: 100%;
margin-top: 10px;
/* padding: 20px 0px; */
font-size: 1.4rem;
font-family: "Roboto", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Sans-Serif;
font-weight: bold;
/* color: rgb(0, 0, 0); */}
.muryoureg-innerr a span.title{font-size:20px;font-weight:700}
.muryoureg-innerl,.muryoureg-innerr{border-radius:5px;text-align:center}
a.gotomypage{text-align:center;overflow:hidden;padding:10px;clear:both;background:#ff7f00;color:#fff;margin:30px 0;display:inline-block}
a.gotomypage:hover{background:#eee;color:#ff7f00}
.shinkibosyu{background:#ff8c00;border-radius:5px;color:#fff;display:block;text-align:center;max-width:1100px;font-size:50px;font-weight:700;overflow:hidden;padding:10px;margin:10px auto}
.shinkibosyu:hover{background:#f90;color:#fff}
.share{margin:0 auto 20px;display:block;max-width:640px}
.share ul{overflow:hidden;_zoom:1;list-style:none;margin:15px 0}
.share li{width:19%!important;padding:0!important;margin:0 0 0 1%!important;background:none!important;float:left;height:6rem;position:relative}
.share li:first-child{margin-left:0}
.share li a{vertical-align:middle;padding:5px 0;display:block;width:100%;position:absolute;color:#fff;bottom:0;text-align:center!important}
.share li a span{font-size:1.2rem;margin-right:0}
.share li a span.hide-for-sp{font-size:1.2rem;display:inline}
.share li a{color:#fff;border-radius:5px}
.share li.twitter a{background-color:#55acee}
.share li.facebook a{background-color:#315096;text-align:center!important}
.share li.google a{background-color:#dd4b39}
.share li.hatenabookmark a{background-color:#008fde}
.share li.line a{background-color:#00c300}
.share li.pocket a{background-color:#f13d53}
.arrowBox{position:relative;background:#fff;border:1px solid #ccc;border-radius:3px;text-align:center}
.arrowBox:after,.arrowBox:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.arrowBox:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:5px;margin-left:-5px}
.arrowBox:before{border-color:rgba(204,204,204,0);border-top-color:#ccc;border-width:6px;margin-left:-6px}
.arrowBox span{font-size:1.3rem}
.indexyoutube2{font-size:13px;font-weight:400;background:#dd0000;padding:10px;position:relative;padding:44px 10px 10px}
.indexyoutube2 .layer2{position:absolute;top:0;z-index:1}
.indexyoutube2 .layer2 a{display:block;width:100%;height:100%;padding:0 10px;min-height:200px;color:#fff;font-size:14px}
.indexyoutube{background-image:url(images/img_youtube.jpg);background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:350px}
.indexyoutube a.boxer{display:block}
.indexyoutube a.boxer img{opacity:.7}
.indexyoutube a{display:block}
.indexyoutube a .indexyoutube-cap{color:#fff;padding:65px 10px 0}
.indexyoutube a .indexyoutube-cap strong{font-size:2rem;display:block;margin-bottom:20px;line-height:130%}
.indexmainyoutube{background-image:url(images/indexmainyoutube.gif);background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;height:315px;width:560px;border:10px solid #c00;margin:0 auto}
.indexmainyoutube a{display:block}
.indexmainyoutube a .indexyoutube-cap{color:#fff;padding:65px 0 90px;line-height:180%}
.tab-bar-fixed{background-color: #dd0000;}
#header-timelinewrap{border:3px solid #dd0000;padding:8px;overflow:hidden;position:relative;background-color: #fff;max-width: 1100px;margin:0 auto;}
#header-timeline{text-align: center;max-width:100%;margin-bottom:6px;}
#header-timelinewrap:hover{background:#ebebeb}
#header-timeline ul{width:100%;margin: 0;padding: 0;}
#header-timeline ul li{width:100%;list-style: none;}
#header-timeline ul li a{color:#222}
.header-timelinetitle{font-weight: bold;font-size: 0.8em;}
#header-timelinewrap>a{color:#fff;background:#dd0000;padding:5px;font-size:12px;position:absolute;top:8px;left:8px}
#header-timeline2{text-align: center;max-width:100%;}
#header-timelinewrap:hover{background:#ebebeb}
#header-timeline2 ul{width:100%;margin: 0;padding: 0;}
#header-timeline2 ul li{width:100%;list-style: none;}
#header-timeline2 ul li a{color:#222}
.header-timelinetitle{font-weight: bold;font-size: 0.8em;}
#page-top{z-index:110000;width:50px;height:50px;display:none;position:fixed;right:16px;bottom:16px}
#page-top p{margin:0;padding:0;text-align:center;background:#3b3b3b;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
#page-top p:hover{background:#8b8b8b}
#move-page-top{color:#fff;line-height:50px;text-decoration:none;display:block;cursor:pointer}
iframe{max-width:100%!important}
.op70{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7}
.indexkiji a{border:1px solid #ccc;display:block;text-align:center;color:#fff;font-weight:400;background:#000}
#footer{margin:0px auto;padding:20px 0;background-color:#F5F5F5}
body.home .hide-for-index{display:none!important}
table.pricetable{border-top:1px solid #666;border-left:1px solid #666;width:100%}
table.pricetable td{width:18%;text-align:center;border-right:1px solid #666;border-bottom:1px solid #666}
table.pricetable td.colored{background:#eee}
table.pricetable th{border-bottom:1px solid #666;text-align:center;border-right:1px solid #666;width:18%;padding:5px}
table.pricekessai{border-top:1px solid #666;border-left:1px solid #666;width:100%}
table.pricekessai td{border-right:1px solid #666;border-bottom:1px solid #666}
table.pricekessai th{border-bottom:1px solid #666;border-right:1px solid #666;width:15%;padding:5px}
.table01{border-collapse:collapse}
.table01 td:first-child{width:20%;background:#eee}
.table01 td{border-bottom:1px solid #ccc}
.perday{color:#dd0000;font-size:14px;background:#eee;display:inline-block;border-radius:100px;padding:5px 10px;}
body#purchase{background-color: #000}
#purchase #content{max-width: 1100px;
padding:0 50px;
background-color: #fff;}
@media screen and (max-width:768px){
#purchase #content{max-width: 1100px;
padding:0 0px;
background-color: #fff;}
}
.fistStep .perday{background-color: transparent;font-weight: normal;}
label{font-size:inherit}
.calender-info{border:1px solid #ccc}
.calender-info h3{background:#333;color:#fff;padding:10px}
.calender-info p{padding:0 10px}
.indexvoice{height:800px;overflow:hidden;position:relative}
.indexvoice-i{z-index:1;position:absolute;height:800px;top:0;width:100%;background:url(images/voicebg.png) repeat-x bottom}
.indexvoice-i a{display:block;max-width:500px;margin:740px auto 0;overflow:hidden;font-size:18px;background:#f90;color:#fff;padding:10px;border-radius:5px;text-align:center}
.indexvoice-i a:hover{color:#f90;background:#fff}
.head-choku img{float:left;width:30px}
.head-choku{overflow:hidden; border-bottom:1px solid #EEEEEE;}
.head-choku .head-choku-wrap{text-align:center;overflow:hidden;max-width:1100px;margin:0 auto}
.head-choku .head-choku-wrap a{display:block;overflow:hidden;color:#333;padding:5px;font-size:12px;-moz-transition:-moz-transform 0.5s linear;-webkit-transition:-webkit-transform 0.5s linear;-o-transition:-o-transform 0.5s linear;-ms-transition:-ms-transform 0.5s linear;transition:transform 0.5s linear}
.head-choku .head-choku-wrap a strong{color:#dd0000;font-size:14px}
.head-choku .head-choku-wrap a span{display:inline-block;color:#fff;padding:2px 5px;border-radius:100px;background:#f90}
.head-choku .head-choku-wrap a:hover{text-decoration:underline; color:#dd0000;}
.wp-caption{text-align:right;font-weight:700;font-size:13px;padding:10px 0}
.mypage-box1 a.keizoku{background-color:#ff7f00;color:#fff;display:block;padding:15px 0;text-align:center;text-decoration:none;border:2px solid #fff}
.mypage-box1 a.keizoku:hover{background:#faf9f9;color:#ff7f00;border:2px solid #ff7f00}
.yosopdf{margin:10px auto}
.yosopdf a{display:block;border:2px solid #ccc;overflow:hidden;padding:10px;color:#000;font-size:20px}
.yosopdf a:hover{background:#eee}
.yosomikata{margin:10px auto}
.yosomikata a{display:inline-block;overflow:hidden;padding:10px;background:#333;color:#fff}
.yosomikata a:hover{background:#666;color:#fff}
.indexmainvv{clear:both;padding-top:0;padding-bottom:40px;margin:0 auto}
.playertext-inner .indexmainvv .indexmainyoutube a .indexyoutube-cap{color:#fff!important;filter:dropshadow(color=#000000,offX= 0,offY=-1)dropshadow(color=#000000,offX= 1,offY= 0)dropshadow(color=#000000,offX= 0,offY= 1)dropshadow(color=#000000,offX=-1,offY= 0);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;text-shadow:#000 1px 1px 0px,black -1px 1px 0px,black 1px -1px 0px,black -1px -1px 0}
.indexvoicebox{
background-color: #f0e794;
padding:10px;
}
.indexvoice-title {
color: #ee3c33;
margin-bottom: 7px;
font-weight: bold;
font-size: 16px;
text-align: center;
}
/*.indexvoicebox-inner{height:350px;overflow:hidden;background:#fff;padding:0 10px 0 5px}
.choku_douga{margin-bottom:10px}*/
/*.voice-list{overflow:hidden}
.voice-list ul{margin:0;padding:0}
.voice-list ul li{list-style:none;overflow:hidden}
.voice-list ul li{border-bottom:1px solid #c1b591;background:#fff}
.voice-list ul li a{display:block;overflow:hidden;padding:10px}
.voice-listimg{display:block;float:right;width:70px;height:70px;margin-left:10px;background:url(images/voice-listimg.gif) no-repeat;-moz-background-size:cover;background-size:cover}
.voice-list ul li a{color:#000}
.voice-list ul li a:hover{background:#eee}
.voice-list ul li span{color:#666;font-size:12px}
.voice-nav{overflow:hidden;list-style:none;padding:0;margin:0 0 10px;border:1px solid #c1b591;border-radius:5px}
.voice-nav li{float:left;width:33.333333333333%;text-align:center}
.voice-nav li a{color:#666;display:block;padding:10px 0}
.voice-nav li a.voice-nav-current,.voice-nav li a:hover{color:#fff;background:#5a543b}
.voice-nav li:nth-child(2){border-left:1px solid #c1b591;border-right:1px solid #c1b591}
/*.voice-list.voice-listnormal{background:#fde8bd url(images/voice-pickup.gif) no-repeat;padding:29px 0 0}*/
/*.voice-list ul li:first-child h3,.voice-pickup h3{margin:0;background:#fde8bd}
.voice-list h4{margin:0;font-size:15px;padding:0;overflow:hidden;height:45px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.voice-pickup ul li a,.voice-listnormal ul li:first-child a{background:#fcf4ce}
.voice-list-more{background:#f5f5f5;padding:20px}
.voice-list-more a{display:block;font-size:15px}
.voice-list-more span{font-size:13px;color:#888}*/
.happyvoice-content h2{font-size:18px;font-weight:700;margin:0;padding:0}
.happyvoice-content small{display:block;font-size:12px;color:#666;margin-bottom:10px}
.happyvoice-nav{line-height:30px;margin:0 0 10px;color:#c00;font-size:16px;font-weight:700;background:#fde8c1;overflow:hidden;padding:5px 10px}
.happyvoice-profile{overflow:hidden;border-bottom:1px solid #c0b490;margin-bottom:10px;padding-bottom:10px}
.happyvoice-profile-img{float:left;margin:0 10px 0 0;width:90px;height:90px}
.happyvoice-profile strong{display:block;height:70px;font-size:20px}
.happyvoice-nav ul{border-radius:5px;border:2px solid #c0b490;float:right;margin:0;padding:0;overflow:hidden;list-style:none;background:#fff;width:50%;max-width:400px}
.happyvoice-nav ul li{float:left;width:33.333333333333%;display:inline-block}
.happyvoice-nav ul li a{padding:15px 5px;font-size:13px}
.happyvoice-nav ul li:nth-child(2){border-left:2px solid #c0b490;border-right:2px solid #c0b490;text-align:center}
.happyvoice-nav ul li:last-child{text-align:right}
p.happyvoice-attention{font-size:11px;color:#999}
.happyvoice-pastnextnav{overflow:hidden;border-top:1px solid #c0b490;border-bottom:1px solid #c0b490;list-style:none;padding:0;margin:20px -5px 15px}
.happyvoice-pastnextnav li{width:33.333333333333%;display:inline-block}
.happyvoice-pastnextnav li:nth-child(2){border-left:1px solid #c0b490;border-right:1px solid #c0b490;text-align:center}
.happyvoice-pastnextnav li:last-child{text-align:right}
.happyvoice-pastnextnav li a{padding:15px 5px;display:block}
.mypage-tokuten { margin-bottom:20px; overflow:hidden; background:#FBE2E6; border:1px solid #CCCCCC; padding:10px; }
.mypage-tokuten p{padding-left:10px;margin:0;font-size:14px;}
.mypage-tokuten h2{ font-weight:bold; font-size:18px; padding:0; margin:0; color:#dd0000;}
.mypage-tokuten a{ color:#000000;}
.mypage-tokuten a:hover{ text-decoration:underline;}
.gallary-bg-black{
background-color: #000;
opacity: 0.3;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
a#chokuzen{margin:10px auto 10px;width:80%;display:block;border:2px solid #fff;padding: 8px 0px;background-color:rgba(0,0,000,0.5);color:#fff}
a#chokuzen:hover{border:2px solid #dd0000;color:#dd0000; background:#FFFFFF; text-shadow:none;}
@media all and (min-width:737px){#footer .inner-wrapper #information .service,#footer .inner-wrapper #information .fee,#footer .inner-wrapper #information .info{float:left;width:32%}
#footer .inner-wrapper #information .fee,#footer .inner-wrapper #information .info{margin:0 0 0 2%}
.footerbtn ul{max-width:1100px;margin:0 auto}
a.fade{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
a.fade:hover{opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";-moz-opacity:.6;-khtml-opacity:.6}
.row.mainvisual-bottom{margin-top:0;background-color:#333;padding:10px 0 0}
.mainvisual-bottom .inwrap{width:1100px;margin:0 auto}
#header-timelinewrap span{display:block;font-size:16px;height:21px;color:#cc0010;float:left;margin-right:10px}
#content{max-width:1100px;margin:0 auto}
#index-visual{margin:0 auto;max-width:1100px}
.tab-bar{overflow:hidden;background:#dd0000;width:100%;border-bottom:#dd0000 1px solid;height: inherit;}
.tab-bar-section{height: inherit;}
.show-for-sp{display:none}
.tab-bar-section{position:relative;padding:0}
.tab-bar-section.middle,.tab-bar-section.right,.tab-bar-section.left{left:auto;right:auto}
.left.tab-bar-section{float:left;width:100%}
.middle.tab-bar-section{float:left;width:10%}
.right.tab-bar-section{float:right;width:45%}
.tab-bar-section ul{padding:0;margin:0;overflow:hidden;max-width: 1100px;margin:0 auto;margin-bottom:4px;}
.tab-bar-section ul li{float:left;width:16.666%;text-align:center;height:45px;border-radius: 6px;}
.tab-bar-section ul li a{display:block;height:45px;padding:12px 0;font-size:14px;color:#000;font-weight:700;border-radius: 3px;background-color: #fff;margin:0 3px 0px 3px;}
.tab-bar-section ul li a:hover{background-color: whitesmoke;text-decoration: underline;}
.right.tab-bar-section ul li:first-child a{border-left:#cc0010 1px solid}
.right.tab-bar-section ul li:last-child a{border-right:0}
.tab-bar-section ul li a i.fa{font-size:16px!important;margin-right:10px;color:#dd0000}
.playertext{font-size:28px;font-weight:700;text-align:center;color:#fff;width:100%;height:100%!important}
a#chokuzen{margin:50px auto 10px;width:400px;display:block;border:2px solid #fff;padding:20px 50px;background-color:rgba(0,0,000,0.5);color:#fff}
a#chokuzen:hover{border:2px solid #dd0000;color:#dd0000; background:#FFFFFF; text-shadow:none;}
.playertext-inner{max-width:1100px;margin:0 auto;line-height:100%;padding:70px 0 0}
.playertext-inner{color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,1);}
.playertext-inner span{display:block}
.playertext-inner span.read{font-size:32px;line-height:125%;margin-bottom:15px;}
.playertext-inner h2 strong{display:block;font-size:50px}
.playertext-inner span.notes{font-size:12px;font-weight:400;text-align:right;margin:5px 0 45px 5px;display:inline-block}
.playertext-inner h2{font-weight:700;font-size:32px;margin-top:0;color:#fff;margin-bottom:15px;}
#customElement{overflow:hidden;z-index:100;width:100%;height:950px;background:#333;background:url(images/mvb.jpg) no-repeat top;background-size:cover}
.lightplan{margin:0 0 10px}
.index-bosyu span{display:inline!important}
#footer p.notes{font-size:14px;marign-top:10px}
.muryoregbox{}
.muryoregbox strong{display:block;margin-bottom:10px}
.muryoregbox #submit{width:100%;margin:0 auto;display:block;background:#1faa37;color:#fff;padding:10px;font-size:16px;font-weight:700;border-radius:5px}
.muryoureg-innerl{width:100%;background:#fff}
.muryoureg-innerr a{
/* height: 103px; */
padding: 24px 0px 21px;
width: 100%;
margin-top: 10px;
/* padding: 20px 0px; */
font-size: 1.4rem;
font-family: "Roboto", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Sans-Serif;
font-weight: bold;
/* color: rgb(0, 0, 0); */
}
.muryoureg-innerr a:hover{background:#3495cd}
.muryoureg-innerr{width:100%;margin-top:20px}
.entry-content p,.kiji-waku p,.entry-content ul li{font-size:18px}
.incorrect{ clear:both; padding-top:10px; font-size:15px; color:#FFFFFF; font-weight:bold;}
.incorrect a{ color:#0000FF; text-decoration:underline;}
.incorrect a:hover{ text-decoration:none;}
}
@media all and (max-width:736px){
#header-timelinewrap{border:3px solid #dd0000;padding:6px;overflow:hidden;position:relative;background-color: #fff;}
#header-timeline{text-align:left;max-width:72%;margin-left:28%;}
#header-timelinewrap:hover{background:#ebebeb}
#header-timeline ul{width:100%}
#header-timeline ul li{width:100%}
#header-timeline ul li a{color:#222}
.header-timelinetitle{font-weight: bold;font-size: 0.8em;}
#header-timelinewrap>a{color:#fff;background:#dd0000;padding:5px}
.home #content{
padding:0px;
}
.content-area{
padding:0 6px;
}
.shinkibosyu{max-width:98%;font-size:20px}
.left-small{font-size:8px;font-weight:bold;text-align: right;}
.right-small {
width: 4.8rem;
}
.head-right-button{background-color: #fff;
border-radius: 2px;
padding: 10px 4px;
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 100%;
color: #dd0000;
margin: 9px 9px 0px 0px;
}
.gallery-cell{
width:100%;
height:38vh;
background-color: #000;
}
.choku_douga img{
width:100%;
height:38vh;
}
.tcon {
margin:0px 0 0 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 30px;
background: transparent;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent; }
.tcon > * {
display: block; }
.tcon:hover, .tcon:focus {
outline: none; }
.tcon::-moz-focus-inner {
border: 0; }
.tcon-menu__lines {
display: inline-block;
height: 3px;
width: 30px;
transition: 0.3s;
background: #fff;
position: relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after {
display: inline-block;
height: 3px;
width: 30px;
transition: 0.3s;
background: #fff;
content: '';
position: absolute;
left: 0;
-webkit-transform-origin: 2.85714px center;
transform-origin: 2.85714px center;
width: 100%; }
.tcon-menu__lines::before {
top: 10px; }
.tcon-menu__lines::after {
top: -10px; }
.tcon-transform .tcon-menu__lines {
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xcross {
width: auto; }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
background: transparent; }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
width: 40px; }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg); }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg); }
.tcon-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.flickity-prev-next-button{background-color: transparent!important;
}
.flickity-prev-next-button .arrow{fill:#fff!important;}
.title-area{
background-color: #D70005;
color: #fff;
font-size: 0.6em;
text-align: center;
padding: 2px 0 0 0;
}
.regist-area{
padding: 10px 0 10px 0;
text-align: center;
background-color:#F7F7F7;
color:#000;
font-size:0.9rem;
}
.regist-area a{
color:#000;
text-decoration: underline;
width: 90%;
font-size: 18px;
padding: 14px;
}
.regist-links{
text-align: right;
font-weight: normal;
}
.regist-area h3{
text-align: center;
font-weight:bold;
margin-top:10px;
font-size:0.9rem;
margin:0;
padding:0;
}
.indextitle{text-align: center}
.h2-subtitle{font-size:1rem;}
.shinkibosyu span{display:block;clear:both}
.hide-for-sp{display:none!important}
#logo{height: 90%!important;margin-top: 4px;}
#logo img{height:100%!important}
.tab-bar a{color:#fff!important}
.right-small .tab-bar a{display: block;width: 4.5rem;}
#header-timelinewrap>a{color:#fff;background:#cc0010;padding:6px 6px;font-size:11px;position:absolute;top:5px;left:5px}
#header-timelinewrap span,.postTxt span{font-size:12px}
#header-timeline ul li a{font-size:12px}
#header-timeline ul li a small,.newList-text ul li a p{display:none}
#header-timeline2 ul li a{font-size:12px}
#header-timeline2 ul li a small,.newList-text ul li a p{display:none}
.postTxt h3,.newList-text ul li h3{font-size:14px!important}
.newList .post a{border:0;border-bottom:1px solid #ccc;background:#fff;margin:0}
.newList .post a span{color:#999}
.postTxt p,player{display:none!important}
.single-title h2{font-size: .8em;!important;}
.single-title span{font-size:1rem}
.titleimg-fl-l{max-width:10%}
p{text-align:justify!important}
.footerbtn{margin:0!important}
#copyright small{font-size:11px;}
.date{font-size:1rem;margin-bottom:10px}
body.category-keibariron #content .newList .post .articleImg{width:inherit!important}
.index-choku-wrap{overflow:hidden;background:url(images/index-choku-wrap.jpg) no-repeat right top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover}
.index-choku h2{width:80%;font-size:0.7rem;color:#3dab4a}
.index-choku h2 strong{width:80%;font-size:1.6rem;color:#000}
.index-choku h3{font-size:0.9rem!important;width:70%;font-weight:700;color:#cc0010}
div.index-choku-img{display:block;margin:0 auto;width:90%;max-width:400px;height:auto;overflow:hidden}
a.index-choku-button{max-width:95%;border:4px double #fff;display:block;background:#cc0010;font-size:1rem;font-weight:700;padding:10px;text-align:center;margin:10px auto 20px;color:#fff}
.index-choku-txt{width:70%;display:block;overflow:hidden;font-size:0.8rem;color:#333}
.indexsp-youtube-cap strong{display:block}
.indexsp-youtube-cap span{display:block;font-size:1.3rem}
.youtube{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.voicebox p{font-size:0.8rem}
.voicebox span{font-size:0.7rem}
.index-bosyu i{font-size:20px;font-size:0.9rem}
.indexsp-youtube{background:#dd0000;color:#fff;padding:10px;margin:10px 0;overflow:hidden}
#header-timelinewrap span{display:none}
#header-timelinewrap #header-timeline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixed{position:relative}
#calendar table.sp-cal{display:block;width:100%;padding:0;margin:0}
#calendar table.sp-cal th,#calendar .sp-cal tr td{font-size:14px}
#calendar .sp-cal tr td{padding:0;width:20%}
#calendar{max-width:100%!important}
#footer .inner-wrapper #information .service,#footer .inner-wrapper #information .fee,#footer .inner-wrapper #information .info{padding:2%}
.newList .articleImg img{margin:0;width:60px;height:60px}
.indexvoice-i a{max-width:90%}
ul.button-group.even-2{font-size:13px}
ul.button-group.even-2 .mypage a{color:#000}
#pankuzu{margin:10px 0}
#mYbanersp a{display:block;margin:0 auto 10px;overflow:hidden;border:1px solid #ccc}
.index-bosyu span{display:block}
.mainvisual-bottom .inwrap{display:none}
.yosopdf a{text-align:center;font-size:16px}
.yosopdf a img{display:block;margin:0 auto 10px}
ul.indexpostlist{list-style:none;padding:0;margin:0}
ul.indexpostlist li{padding:0;margin:0;font-size:16px}
ul.indexpostlist li a{display:block;border-bottom:1px solid #ccc;padding:10px 20px;overflow:hidden}
ul.indexpostlist li a img{float:left;display:block;width:20%}
ul.indexpostlist li a h3{font-size:14px;padding:0;margin:0}
.indexseminar ul.indexpostlist li a h3{font-size:16px;padding:0;margin:0;width:78%;float:right}
footer#indexfooter{background:#eee;overflow:hidden;padding:5px 5px 30px}
.footerinfo table{width:100%;border:0}
.footerinfo table th,.footerinfo table td{border-bottom:1px solid #ccc}
.footerinfo{background:url(images/indexbottom.gif) repeat-x bottom;padding:0 0 30px}
footer#indexfooter p{background:#fff;padding:5px}
.footermidashi{font-size:20px;font-weight:700;margin:20px 0 10px}
.footermidashi span.footermidashismall{font-size:16px}
.footerplan{background:#fde8c1;padding:10px;margin:0 0 20px!important}
.footerplan p{margin:0}
.footerplan-inner{background:#fff;overflow:hidden}
.footerplan span{font-size:12px}
.footerplan h3{background:#cc0010;color:#fff;font-size:16px;font-weight:700;padding:10px 5px;margin-right:10px;margin-bottom:0;display:inline-block;float:left}
.footerplan strong{display:block;font-size:16px;font-weight:700;padding:10px 5px}
.footerplan table{clear:both;padding:0;margin:0;border:0;background:0}
.footerplan table th{font-size:14px}
.footerplan table th{padding:0 0 10px}
.footerplan table td{padding:0 0 10px 10px}
.footerplan table th span{font-weight:400;font-size:12px!important}
.footerplan table td a{color:#00c}
.indexranking ul{margin:0;padding:0;list-style:none}
.indexranking{margin:0 0 20px}
.indexranking ul{overflow:hidden;margin:0 5px}
.indexranking ul h3{font-size:16px}
.indexranking ul li:nth-child(3){clear:both;border-top:1px solid #ccc}
.indexranking ul li:nth-child(3) a,.indexranking ul li:nth-child(4) a,.indexranking ul li:nth-child(5) a{display:block;border-bottom:1px solid #ccc;padding:10px 0;overflow:hidden;background:#fff}
.indexranking ul li:nth-child(3) a img,.indexranking ul li:nth-child(4) a img,.indexranking ul li:nth-child(5) a img{float:left;display:block;width:20%}
.indexranking ul li:nth-child(3) a h3,.indexranking ul li:nth-child(4) a h3,.indexranking ul li:nth-child(5) a h3{float:right;width:78%;padding:0;margin:0}
.indexranking ul li:first-child,.indexranking ul li:nth-child(2){width:49%;float:left}
.indexranking ul li:first-child img,.indexranking ul li:nth-child(2) img{display:block;margin:0 0 10px}
.indexranking ul li:nth-child(2){float:right}
.indexranking ul li:first-child,.indexranking ul li:nth-child(2) a{padding:10px 0;border:1px;display:block;oveflow:hidden;background:#fff}
.indextitle{width:100%;display:block;height:34vh;text-align:center;background:#fff url(images/indextitlebg.jpg) no-repeat;padding:10px 20px;background-size:cover;margin-bottom:0}
.indextitle a img.readmore{display:block;width:80%;margin:0 auto 20px}
.indextitle h2{text-align:center;font-size:30px;font-weight:700;margin-top:5px;color:#fff;text-shadow:#000 1px 1px 0px,black -1px 1px 0px,black 1px -1px 0px,black -1px -1px 0; margin: 0;}
.more_right{text-align:right;display:block;font-size:13px;padding:0 0 10px}
.login .indexmuryotouroku{display:none}
.indexmidashi{font-size:18px;font-weight:700;margin:20px 0 0}
.home .row.unlogin{padding-bottom:40px!important}
.align-center{text-align:center}
.gensen h2,.indexranking h2{margin:0}
.moukarubtn{background:#000;color:#fff;text-align:center;margin:5px auto 20px;display:block;width:88%;text-decoration:none;padding:5px;border-radius:5px;font-size:13px;font-weight:700}
.moukarubtn:hover{color:#fff}
.muryoregbox{}
.muryoregbox strong{display:block;margin-bottom:10px}
.muryoregbox #submit,.submit{width:100%;margin:0 auto;display:block;background:#1faa37;color:#fff;padding:10px;font-size:16px;font-weight:700;border-radius:5px}
}
body,input[type=text],input[type=submit], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea{ font-family: "Roboto", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Sans-Serif; font-size:18px; }
.form-login input { border-radius:5px; max-width:600px; margin:0 auto 10px; }
a{color:#00f}
*{margin:0;padding:0}
.clm{margin:0 0 50px}
.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.tlH02-2 h2{font-size:1.0rem;text-align:center;padding:30px 0 5px 10px;border:0}
.entryType{margin:0 0 20px;padding:20px;background-color:#f5f5f5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.entryType p{margin:0 0 40px;padding:15px;font-size:22px;background-color:#fff}
.entryType dl{margin:0;padding:0}
.entryType dl dt{margin:0 0 5px;font-size:21px;font-size:1.3rem;line-height:100%}
.entryType dl dt span.red{font-size:14px;font-size:0.875rem;padding:0 0 0 10px}
.entryType dl dt.snd{margin:20px 0 0}
.entryType dl dd{margin:0}
body#pdmod .entryType dl dd.yosomail,body#pdmod .entryType dl dd.pass,body#pdmod .entryType dl dd.tel,body#pdmod .entryType dl dd.nikku,body#pdmod .entryType dl dd.kana,body#pdmod .entryType dl dd.name{padding:0 0 15px}
body#freeregistration dd.passkaku input,body#pdmod .entryType dl dd.tel input,body#pdmod .entryType dl dd.nikku input,body#pdmod .entryType dl dd.kana input,body#pdmod .entryType dl dd.name input{margin:0}
body#pdmod .entryType dl dd.email p,body#pdmod .entryType dl dd.tel p,body#pdmod .entryType dl dd.pref p,body#pdmod .entryType dl dd.nikku p{margin:0 0 5px}
.entryType dl dd p{margin:0;padding:5px;background-color:#fff}
body#pdmodcomf .entryType dl dt{font-size:18px}
body#pdmodcomf .entryType dl dd{margin:0 0 16px}
body#messagelist .entryType dl dd{margin:0 0 10px;background-color:#fff;padding:10px}
.entryType dl dd input.inputArea{width:100%;height:40px;font-size:140%;border:0;color:#999}
.entryType ul{margin:15px 0 0;padding:0}
.entryType ul li{margin:5px 0 0;list-style:none;font-size:110%}
.entryType dl.messageForm dd{margin:0 0 15px;padding:10px;background-color:#fff}
.entryType dl.messageForm dd.kubun input{margin:0 0 0 20px}
.entryType dl.messageForm dd.kubun input:first-child{margin:0}
.entryType dl.messageForm dd.naiyou{padding:0}
#item .entryType{background-color:#d9ecff}
#item .entryType dl dd.content{background-color:#fff}
#item .entryType dl dd.content span{display:block}
#item .entryType dl dd.content span.time{padding:10px;background-color:#eef7ff}
#item .entryType dl dd.content span.words{padding:10px}
body#message .confirm{margin:0 auto 30px;max-width:660px}
body#message .confirm ul{list-style:none}
body#message .confirm ul li{float:left;width:45%;list-style:none;margin:0 5%}
#leaveArea .confirm{width:100px;margin:0 auto}
#leaveArea .confirm input{width:100%;padding:10px;font-size:100%;border:1px solid #cecebf;background-color:#cecebf;color:#000}
.submitters{max-width:300px;margin:0 auto}
#submitid, .submit{width:100%;padding:15px;font-size:20px;border:1px solid #ccc;border:1px solid #1faa37;
background-color:#1faa37;color:#ffffff; }
.submit{margin:0 0 10px;}
#submitid:hover, .submit:hover { background:#0ac32a;}
ul#orderBtn{max-width:660px;margin:0 auto}
ul#orderBtn li{float:left;width:45%;list-style:none;margin:0 2.5%}
body#pdmod ul#orderBtn{margin-bottom:25px}
.yosoget-bt{width:90%;max-width: 300px;margin:30px auto;border-radius: 6px;background-color:#ff8d00;font-size:22px;font-weight:bold;color:#fff;text-align: center;padding:20px;}
#submit,#gonext{width:90%;font-size:1.1rem;background-color:#32ab33;color:#fff;font-family:メイリオ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif,FontAwesome!important}
#submit:hover{background-color:#0ac32a;color:#fff!important}
#orderBtn li .btn{ font-size:18px;
width:80%;
max-width:500px;
background: #19a052;border-bottom: 3px solid #1F8C4C;
color:white!important;text-decoration:none!important;
font-weight:700;border-radius:5px!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;-ms-border-radius:5px!important;-oborder-radius:5px!important; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:10px;color:#fff;border:0;}
#orderBtn li .btn:hover,#orderBtn li .btn:active{background-color:#0ac32a;color:#fff}
input.btn.btnmini{background:#fff;color:#000;font-size:18px;border:0;margin:30px auto 0;clear:both;display:block}
input.btn.btnmini:hover{background:#fff;color:#666}
input.btn.btngreen{background:#1faa37!important;padding:15px;color:#fff;border:0!important;text-align:center;margin:0 auto;display:158829;max-width:90%;font-weight:700;font-size:22px}
input.btn.btngreen:hover{background:#2b8606!important;color:#fff}
input.btn.btngreen:active{color:#fff}
#back{width:100%;padding:15px;font-size:150%;border:1px solid #ff7f00;background-color:#ff7f00;color:#fff}
#back:hover{background-color:#e37200}
#update{width:100%;padding:15px;font-size:150%;border:1px solid #ff7f00;background-color:#ff7f00;color:#fff}
#update:hover{background-color:#e37200}
.tcenter #process{width:100%;padding:15px;font-size:150%;border:1px solid #ff7f00;background-color:#ff7f00;color:#fff}
.tcenter #process:hover{background-color:#e37200}
.confirm{margin:50px 0}
.confirm ul{margin:0;padding:0}
.return{border:none!important;background-color:#eee!important;color:#333!important}
.return:hover{background-color:#ddd!important}
#showForm{width:100%;padding:15px;font-size:150%;border:1px solid #888;background-color:#aaa;color:#fff!important}
.hissu{color:#d80000}
#all-item{clear:both}
table.tableType02{width:100%;border-top:1px solid #258105}
table.tableType02 th,table.tableType02 td{padding:15px 10px}
table.tableType02 th{width:177px;border:1px solid #258105;border-top:0;background-color:#258105;color:#fff;border-bottom:1px solid #fff}
table.tableType02 th.ans{background-color:#da7efa;border-bottom:1px solid #258105}
table.tableType02 td{border:1px solid #258105;border-top:0;border-left:0}
.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.5}
.tlH01{margin:0 0 20px}
.tlH01 h1{margin:0!important;font-size:26px;font-size:1.625rem;border-bottom:4px solid #dd0000;font-weight:400;font-weight:700}
.tlH02{margin:0 0 18px}
.tlH02 h2{margin:0!important;padding:5px 0 5px 10px;font-size:24px;font-size:1.5rem;border-left:7px solid #dd0000;background-color:#faf9f9;font-weight:700}
.tlH03{margin:0 0 18px}
.tlH03 h3{margin:0!important;padding:10px 0 10px 10px;font-size:18px;font-size:1.125rem;border-bottom:4px solid #dd0000;background-color:#faf9f9;font-weight:700}
.tlH04{margin:0 0 16px}
.tlH04 h4{margin:0!important;padding:15px 0 15px 40px;font-size:18px;font-size:1.125rem;color:#dd0000;font-weight:700;background:url(images/base/bg_ttl04_icon.png) #faf9f9 no-repeat 15px center}
.tlH05{margin:0 0 16px}
.tlH05 h5{margin:0!important;padding:0;font-size:18px;font-size:1.125rem;color:#dd0000;font-weight:700}
.tlH06{margin:0;margin:0 0 14px}
.tlH06 h6{margin:0!important;padding:0;font-size:18px;font-size:1.125rem;color:#000;font-weight:400}
.stepArea{padding:0 0 40px}
div.boughtStep{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;display:flex;display:-ms-flexbox;font-size:11px;font-weight:700;margin:0 auto;max-width:1100px}
div.wrap{padding:20px 0 0;text-align:center;width:150px}
div.ctStepTtl{font-size:15px;font-weight:700;padding:12px}
div.stepNo{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-box-align:center;box-align:center;-moz-box-pack:center;-webkit-box-pack:center;-o-box-pack:center;-ms-box-pack:center;box-pack:center;background-color:#999;border-radius:35px;display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;display:box;text-align:center;height:70px;margin:0 auto;width:70px}
div.stepNo .no{color:#fff;font-size:35px;margin:0;padding-top:1px}
.stepttl{color:#999;line-height:20px;margin-top:40px;padding-bottom:6px;font-size:24px}
.stepttl span{font-size:12px}
.arrow{padding:0 15px;width:10px}
.arrow div{padding:50px 0 0;color:#999;font-size:23px}
.current{padding-top:0!important}
.arrow.current .no{color:#bf0000}
.wrap.current .stepNo{background-color:#bf0000;height:110px;width:110px;border-radius:56px}
.wrap.current .stepttl{padding:18px 0 0;margin-top:23px;color:#bf0000}
#lightPlan .arrow.current .no{color:#e8505c}
#lightPlan .wrap.current .stepNo{background-color:#e8505c}
#lightPlan .wrap.current .stepttl{color:#e8505c}
table.tableType01{width:100%;border:1px solid #CCCCCC;border-bottom:0;}
table.tableType01 th,table.tableType01 td{padding:10px;}
table.tableType01 th{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;background-color:#F5F5F5;color:#333333;line-height:100%}
table.tableType01 td{line-height:160%;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}
#inquiryMailForm th{border-top:1px solid #fff}
#inquiryMailForm th.name{border-top:0}
.footerbtn{padding:0px 0 0;background-color:#F5F5F5}
#zankaisu{margin:0 0 40px;}
.bg-ud{background-color:#FBE3E3}
.footermail{background-color:#222;}
.footermail-wrap{
max-width: 900px;margin: 0 auto;
}
.footermail-l{
float:left;max-width:300px;width:100%;margin-top:-20px;margin-left:20px;margin-right:20px;
}
.footermail-r{
float:left;color:#fff;font-size:14px;padding:20px;padding-top:26px;
}
.footermail a img:hover{
opacity: 1;
}
.stepArea dl{margin:0;border-radius:15px}
.stepArea dl dt{margin-bottom:0;padding:10px 10px 10px 20px;font-size:130%;border-radius:15px 15px 0 0}
.stepArea dl dd{margin:0;padding:10px 0;border:1px solid #ccc;border-left:0;border-right:0;border-bottom:0;background-color:#fff;font-size:130%;position: relative}
.stepArea dl.regular-plan dd{
width:24%;float:left;
border:1px solid #ccc;
border-radius: 6px;
box-shadow: 3px 3px 3px #ccc;
margin: 0px 0.5%;
}
.pc-area{display:block!important}
.sp-area{display:none!important}
@media screen and (max-width:768px){
.stepArea dl.regular-plan dd{
width:90%;float:none;
border:1px solid #ccc;
border-radius: 6px;
box-shadow: 3px 3px 3px #ccc;
margin: 10px auto;
}
.sp-area{display:block!important}
.pc-area{display:none!important}
}
.tax{font-size:8px;}
label{padding:10px 10px 10px 20px}
.bosyu-keibariron-master-profile{
margin-bottom:0px;
background-color: #fff;
}
.bosyu-keibariron-master-photo{
width:27%;
margin-top:-50px;
float:right;
}
.bosyu-keibariron-master-photo img{
width:100%;
z-index: 100;
}
.bosyu-keibariron-master-description{
padding-top:0px;
font-size:0.9em;
width:68%;
padding-top:30px;
float:left;
}
.bosyu-keibariron-master-description h2{
font-weight:bold;
font-size:36px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.bosyu-keibariron-master-description .bosyu-sub-copy{
color:#cc0000;
font-weight:bold;
font-size:130%;
margin-bottom: 6px;
}
@media screen and (max-width:768px){
.bosyu-keibariron-master-profile{
margin-bottom:20px;
background-color: #fff;
}
.bosyu-keibariron-master-photo{
width:100%;
float:none;
display: none;
}
.bosyu-keibariron-master-photo img{
width:100%;
z-index: 1000;
}
.bosyu-keibariron-master-description{
padding-top:0px;
font-size:0.8em;
width:90%;
padding-top:30px;
float:none;
margin:0 auto;
}
.bosyu-keibariron-master-description h2{
font-weight:bold;
font-size:26px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.bosyu-keibariron-master-description .bosyu-sub-copy{
color:#cc0000;
font-weight:bold;
}
}
.fistStep label {
padding: 20px 5px 20px 5px;
font-size: 20px;
font-weight: bold;
}
.fistStep input[type=radio]+label {
display: inline-block;
margin-left: 0rem;
margin-right: 0rem;
margin-bottom: 0;
vertical-align: baseline;
}
.light-plan__link img{
width:20px;
vertical-align:middle;
}
.light-plan__link{
margin-top:40px;
}
.fistStep .perday{background-color: transparent;font-weight: normal;padding: 0;font-weight:bold;font-size:16px;}
.fistStep label{width:calc(100% - 70px);}
.fistStep.regular-plan input[type="radio"]{
margin-top:25px;
}
.fistStep input[type="radio"] {
margin-left: 10px;
margin-right: 10px;
margin-top:0px;
margin-bottom: 4px;
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
content: "";
background-color: #FFFFFF;
border: 1px solid #999999;
-webkit-border-radius: 24px;
border-radius: 24px;
-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
vertical-align: top;
cursor: pointer;
}
.fistStep input[type="radio"]:checked:after {
display: block;
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 12px;
height: 12px;
background: #CC0000;
-webkit-border-radius: 12px;
border-radius: 12px;
}
.stepArea dl dd.youbidd-on{border:0}
.stepArea ul{margin:0;padding:0}
.stepArea ul li{margin:5px 0 0 5px;list-style:none}
.stepArea ul.notes{margin:5px 0 0}
.stepArea ul.notes li{margin:0 0 0 5px;padding:0;font-size:90%}
.circle-recommend {
width: 60px;
height: 60px;
font-size: 16px;
border-radius: 60px;
text-align: center;
line-height: 120%;
font-weight: bold;
/* vertical-align: middle; */
padding-top: 12px;
background-color: #cc0000;
color: #ffffff;
position: absolute;
right: 10px;
top: -20px;
}
.circle-value{padding-top: 28px;}
@media screen and (max-width:768px){
.purchase-logo__inner{
width:90%;
padding-top:20px;
margin:0px auto;
}
.purchase-logo{
width: 100%;
text-align: center;
}
.fistStep input[type="radio"] {
margin-left: 10px;
margin-right: 10px;
margin: 0px;
margin-left: 20px;
margin-top: 3px;
}
.fistStep.regular-plan input[type="radio"]{
margin-top:15px;
}
.fistStep label {
padding: 10px 5px 10px 5px;
font-size: 20px;
font-weight: bold;
}
.fistStep label{width:calc(100% - 50px);}
.circle-recommend{ width: 60px;
height: 60px;
font-size: 16px;
border-radius: 60px;
text-align: center;
line-height: 120%;
font-weight: bold;
/* vertical-align: middle; */
padding-top: 12px;
background-color: #cc0000;
color: #ffffff;
position: absolute;
right: 10px;
top: 20px;}
.circle-value{padding-top: 14px;}
}
#step01 ul.stePbtn li{width:340px;margin:0 auto}
#step01 ul.stePbtn li input#gonext{color:white!important;margin:10px 10px 10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;background: #19a052;border-bottom: 3px solid #1F8C4C;}
#step01 ul.stePbtn li input#gonext:hover{background: #27ae60;}
#step01 .kaisu{margin:0 0 40px}
#step01 .youbi{margin:0 0 40px}
#step01 .youbi{margin:0 0 40px}
#step02 dd.bank{padding-left:50px}
#step03{clear:both}
#step03 #gocyumon,#step03 #kainInfo,#step03 #oshiharai,#step03 #glContent{margin:0 0 30px}
#step03 dl dd{margin-left:0!important}
#step04 #gocyumon,#step04 #kainInfo,#step04 #oshiharai,#step04 #glContent{margin:0 0 30px}
#step04 dl.stepForm dd{margin:10px;padding:8px 10px;background-color:#fff;border:0;font-size:130%;position:relative}
#step04 dl.stepForm dd span.regist_confirm_right input{display:inline-block;padding:5px 30px;background-color:#dd0000;text-decoration:none;color:#fff;position:absolute;bottom:8px;right:10px;border:0}
#step04 dl.stepForm dd span.regist_confirm_right input:hover{background-color:#ff8e92}
#step04 dl.stepForm dd .attention{margin:10px 0 0;border:1px solid #fccbcb;background-color:#f7f0f0;padding:10px;font-size:80%;color:red}
#step04 dl.stepForm dd .attention h4,#step04 dl.stepForm dd .attention p{margin:0;padding:0;color:red;font-size:120%}
ul.normalPlan li{list-style-type:disc}
ol.cakoNo li{list-style-type:decimal-leading-zero}
div.guideline{
border:1px solid #d0d0d0;
height:300px;
margin-bottom:30px;
overflow-y:scroll;
padding:10px;
margin-right: 50px;
margin-left: 50px;
}
#step05 .contact,#step05 .haishin,#step05 .prosess,#step05 .bank{margin:0 0 30px}
#step05 .prosess dl{border:0;margin:0}
#step05 .prosess dl dt{background-color:#fff;padding:0;font-size:130%}
#step05 .prosess dl dd{font-size:130%;margin:0 0 5px;padding:0 0 5px;border-bottom:1px dotted #ccc!important;border:0}
#step05 .bank table{width:100%}
#step05 .bank table th{background-color:#fafafa;font-size:130%;padding:10px;border-bottom:1px solid #ccc;text-align:center}
#step05 .bank table td{font-size:130%;padding:10px;background-color:#fff;border-bottom:1px solid #ccc}
#step05 .attention{background-color:#f7f0f0;border:1px solid #fccbcb;margin:10px 0 0;padding:8px}
#step05 .attention h4{margin:0}
#step05 .time{padding:10px;background:#eee;font-size:130%}
#step05 span.timeout{color:red}
#step05 .attention ul{margin:0;padding:0}
#step05 .attention ul li{margin:0;padding:0;list-style:none;font-size:80%;list-style: none;}
#footer{margin:0 auto;}
#footer .inner-wrapper #information .service div,#footer .inner-wrapper #information .fee div,#footer .inner-wrapper #information .info div{padding:0 0 5px;margin:0 0 10px;}
#footer .inner-wrapper #information{ font-size:13px; }
#footer .inner-wrapper #information p{margin:0; padding:0; font-size:13px;}
#footer .inner-wrapper #information h2{margin:0 0 5px;font-weight:bold; font-size:15px; }
#footer .inner-wrapper #information h3{font-size:14px; font-weight:700;margin:0;padding:0}
#footer .inner-wrapper #information ul li{list-style:none; font-size:13px;}
#footer .inner-wrapper #information dl{margin:0;padding:0; font-size:13px;}
p.notes{font-size:13px;line-height:160%}
.entryType ul li.notes{line-height:160%;margin:0}
#footer .inner-wrapper #information dt{font-size:14px; }
#footer .inner-wrapper #information dd{margin:0;padding:0}
#footer .inner-wrapper #information dt.normalPlan{margin:5px 0 0;padding:5px 0 0;border-top:1px dotted #dd0000}
#footer .inner-wrapper #information dd.explain{margin-bottom:5px;font-size:86%;font-weight:700;line-height:160%}
#footer .inner-wrapper #information .info div.globalsign{padding-top:0;border-bottom:0;text-align:right;float:right}
#footer .inner-wrapper #information .service div.plan,#footer .inner-wrapper #information .fee div.henkin{border-bottom:0}
#footer #information ul{margin:0;padding:0}
#footer dl.money dd{line-height:150%}
#copyright{clear:both;color:#aaa;}
#copyright p{margin:0;padding:10px 0;text-align:center; font-size:13px;}
#pankuzu{font-size:80%}
h2{margin:0}
body#otoiawase #faqButtom{margin:0 0 50px}
body#otoiawase #inquiryFaq,#inquiryInfo{padding:15px 0;text-align:center;width:48%}
body#otoiawase #inquiryFaq{float:left}
body#otoiawase #inquiryInfo{float:right}
body#otoiawase #inquiry ul{margin:0 0 20px;padding:0 0 0 20px}
body#otoiawase #inquiry ul li{font-size:90%}
body#otoiawase #inquiry #gotoForm{margin:0 auto;max-width:500px}
body#otoiawase #inquiry .btn{margin:0 0 10px;padding:0;text-align:center;clear:none;font-size:16px;font-size:1rem}
body#otoiawase #inquiry .btn a{background-color:#ff7f00;color:#fff;display:block;padding:15px 0;text-decoration:none}
body#otoiawase #inquiry .btn a:hover{background-color:#e37200}
body#inquiryform ul#contactBtn{max-width:660px;margin:0 auto;padding:0}
body#inquiryform dd.name,body#inquiryform dd.email,body#inquiryform dd.kubun{background-color:#fff;padding:10px;margin:0 0 10px}
body#inquiryform dd.kubun input{margin:0 0 0 20px}
body#inquiryform dd.kubun input:first-child{margin:0}
body#inquiryform ul#contactBtn li{float:left;width:45%;list-style:none;margin:0 2.5%}
body#inquiryform p.messeage{display:block}
body#inquiryconf ul#contactBtn{max-width:660px;margin:0 auto;padding:0}
body#inquiryconf dd{background-color:#fff;padding:10px;margin:0 0 10px}
body#inquiryconf ul#contactBtn li{float:left;width:45%;list-style:none;margin:0 2.5%}
body#inquiryconf p.messeage{display:block}
body.home .nav{margin:0 0 50px}
.index-choku h3{margin:0 0 10px;font-size:25px;font-size:1.5625rem}
.index-newstab{padding-top:0;background:url(images/base/img_line01.png) repeat-x 0 10px}
.index-newstab ul.tabs{padding:0;margin:0;background:url(images/base/img_line01.png) repeat-x 0 59px}
.index-newstab ul.tabs li{margin:0 10px 0 0}
.tabs dd.active a,.tabs .tab-title.active a{background-color:#dd0000;color:#fff}
.tabs dd>a,.tabs .tab-title>a{background-color:#fff;color:#dd0000;border:2px solid #dd0000}
.tabs dd>a:hover,.tabs .tab-title>a:hover{background-color:#dd0000;color:#fff}
.tabs dd>a:focus,.tabs .tab-title>a:focus{outline:medium none}
dl#seminar dt{margin:0;font-weight:400}
dl#seminar dd{margin:0 0 10px;padding:0 0 10px;border-bottom:1px dotted #333}
dl#seminar dd a{display:block}
div.nav{clear:both;background-color:#191616;background-repeat:repeat-x;border-bottom:1px solid #000;;margin:0 0 20px}
#dropmenu{margin:0;padding:0;list-style-type:none}
ul#dropmenu{max-width:1050px;margin:0 auto;border-right:solid 1px #000}
#dropmenu ul#subnaviTop{max-width:1060px;margin:0 auto}
#dropmenu li{position:relative;float:left;width:20%;margin:0;padding:0;text-align:center;border-left:solid 1px #000;font-weight:700;background-repeat:no-repeat;background-position:left bottom}
#dropmenu li.news{background-image:url(images/bg_watsnew.jpg)}
#dropmenu li.article{background-image:url(images/bg_race_point.jpg)}
#dropmenu li.keibariron{background-image:url(images/bg_rase_theory.jpg)}
#dropmenu li.message{background-image:url(images/bg_master_message.jpg)}
#dropmenu li.voice{background-image:url(images/bg_voise.jpg)}
#dropmenu li span.eng{padding:106px 0 10px 10px;display:block;font-size:25px;font-weight:400;text-align:left;text-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000}
#dropmenu li span.expect{display:block;padding:15px 10px 0;font-size:92%;line-height:150%;background:url(images/bg_gnavi.png) repeat left top;font-weight:400;height:73px}
#dropmenu li a{display:block;margin:0;padding:0;color:#fff;text-decoration:none;line-height:1;background:url(images/bg_gnavi_all.png) repeat left top}
body.category-database #dropmenu li.news a,body.tag-choku #dropmenu li.article>a,body#taglist #dropmenu li.article>a,body.category-keibariron #dropmenu li.keibariron a,body.category-voice #dropmenu li.voice a,body#profile #dropmenu li.message a,#dropmenu li a:hover{color:#fff;background:0}
body.category-keibariron .postTxt span{display:none}
#dropmenu li>a:hover{color:#fff}
#dropmenu li ul{width:100%;list-style:none;position:absolute;top:100%;left:0;margin:0;padding:0;z-index:1100}
#dropmenu li ul li{overflow:hidden;width:100%;height:0;color:#fff;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;border-left:0}
#dropmenu li ul li a{padding:23px 0;background:#e24c50;font-weight:400}
#dropmenu li:hover ul li{overflow:visible;height:60px;border-top:1px solid #000;border-bottom:1px solid #000}
#dropmenu a:hover ul li:last-child{border-bottom:0}
#dropmenu li ul li a:hover{background-color:#dd0000}
ul#breadcrumbs{margin:0 0 20px;padding:0;list-style:none}
ul#breadcrumbs li{margin:0 20px 0 0;padding:0 20px 0 0;display:inline}
body#company .entry-content dt{font-size:22px;font-size:1.375rem;font-weight:400;margin:0;padding:0;font-weight:700}
body#company .entry-content dd{font-size:16px;font-size:1rem;font-weight:400;padding:0 0 20px;margin:0 0 20px;border-bottom:1px dotted #000}
body#system #course table{width:100%;margin:0!important}
body#system #course table th,body#system #course table td{padding:10px;font-size:96%;line-height:inherit;border-bottom:1px dotted #dd0000}
body#system #course table th{background-color:#f7e8e9}
body#system #course table td.header{width:25%!important;background-color:#f7e8e9}
body#system #course table tr.even,body#system #course table tr.alt,body#system #course table tr:nth-of-type(2n){background-color:#fff}
body#system #course table{border-top:1px solid #dd0000;border-bottom:1px solid #dd0000;border-left:0;border-right:0}
dl.syetem_service_item{clear:both}
#mainContents div,#mainContents dt,#mainContents p{clear:both}
.syetem_service_item dd{background-color:#fcc;display:block;float:left;margin-right:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;text-indent:0;margin-left:0}
body#freeregistration dd.mail{padding:5px;background-color:#fff}
body#freeregistration dd.fst input#email{margin:0}
ul#submitBtn{margin:0 auto;width:200px}
.confirm ul{margin:0;padding:0}
#leaveArea{clear:both}
#searchFaq dl dt{width:80%;float:left}
#searchFaq dl dt input{border:4px solid #e6e6e6;font-size:160%;height:50px}
#searchFaq dl dd{width:18%;float:right}
#searchFaq dl dd input{width:100%;font-size:160%;padding:13px 0;border:0;background-color:#79796a;color:#fff}
#searchFaq dl dd input:hover{background-color:#c9c9c9}
#masterIv #read{margin:0 0 40px;font-size:2.625rem;font-size:42px;line-height:100%;font-weight:700;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
#masterIv #qa01 .img{float:right;width:461px}
#masterIv #qa01 .txt{float:left;width:600px}
#masterIv .txt h2{font-size:1.3em;margin:0 0 5px;line-height:120%;font-weight:700}
#masterIv .txt p{margin:0 0 25px}
#masterIv #qa02 .img{float:left;width:410px}
#masterIv #qa02 .txt{float:right;max-width:660px}
#masterIv #qa04 .img{float:right;max-width:410px}
#masterIv #qa04 .txt{float:left;max-width:660px}
#masterIv #qa05 .img{float:left;max-width:542px}
#masterIv #qa05 .txt{float:right;max-width:558px}
#masterIv #qa05 .txt ol{margin:0;padding:0 0 0 23px}
.clm .body dl{margin-top:0}
.clm .body dl dt{font-size:20px;font-size:1.25rem;color:#dd0000}
.clm .body dl dd{margin-left:0}
#topic02 .body .img,#topic03 .body .img,#topic04 .body .img{width:500px;float:left}
#topic02 .body .txt,#topic03 .body .txt,#topic04 .body .txt{width:570px;float:right}
#topic04 .body #syoshiki{margin:25px 0 0;padding:25px 0 0;clear:both;border-top:1px dotted #dd0000}
#topic04 .body #syoshiki2 ul,#topic04 .body #syoshiki ul{list-style:none;padding:0}
#topic04 .body #syoshiki2 ul li,#topic04 .body #syoshiki ul li{margin:0;padding:0;float:left;margin:0 20px 0 0}
#helpcategory ul{margin-top:0;padding:0;list-style:none}
#helpcategory ul li{margin:0 5px 10px;float:left;width:356px}
#helpcategory ul li a{display:block;padding:10px 0 10px 25px;color:#000;background:url(images/ico_sankaku02.png) no-repeat #fae4d6 10px center}
#helpcategory ul li a:hover{background:url(images/ico_sankaku02.png) no-repeat #f3c5a3 10px center}
#helpblock dl dt{padding:10px 0 10px 50px;background:url(images/icon_q.png) no-repeat left center;font-size:20px;font-size:1.25rem}
#helpblock dl dd{margin:0 0 25px;padding:15px 0 25px 50px;background:url(images/icon_a.png) no-repeat left top;border-bottom:1px dotted #ff8f20}
#bankingList #list dl dd{margin:0 0 25px;padding:0 0 25px;border-bottom:1px dotted #dd0000}
body.search-no-results form#searchform div:after,body.error404 form#searchform div:after,body#search form#searchform div:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body.search-no-results form#searchform div,body.error404 form#searchform div,body#search form#searchform div{width:inherit;padding:20px;border:1px solid #ddd;background-color:#f5f5f5}
body.search-no-results .entry-content,body.error404 .entry-content,body#search .entry-content{margin:0 0 35px}
body.search-no-results label.screen-reader-text,body.error404 label.screen-reader-text,body#search label.screen-reader-text{float:left;width:60px;font-size:140%}
body.search-no-results input#s,body.error404 input#s,body#search input#s{float:left;margin:0 10px 0 0;width:400px}
body.search-no-results input#searchsubmit,body.error404 input#searchsubmit,body#search input#searchsubmit{padding:6px 20px;background-color:#ddd;border:1px solid #ccc;font-size:145%}
body.search-no-results input[type=text],body#search input[type=text]{width:83%;float:left;margin:0}
body.search-no-results input#searchsubmit,body#search input#searchsubmit{width:10%;float:right}
.dateChange .attention{margin:0 0 25px;border:1px solid #fccbcb;background-color:#f7f0f0;padding:10px;font-size:80%;color:red}
.dateChange .attention h3{margin:0;padding:0;color:red;font-size:120%}
.dateChange .attention p{margin:0;padding:0}
.dateChange .header{position:relative}
.dateChange .header input.btn{display:inline-block;padding:5px 30px;background-color:#dd0000;text-decoration:none;color:#fff;position:absolute;bottom:27px;right:10px;border:0}
.dateChange .header input.btn:hover{background-color:#ff8e92}
.dateChangeBtm{position:relative}
.dateChangeBtm input.btn{display:inline-block;padding:5px 30px;background-color:#dd0000;text-decoration:none;color:#fff;position:absolute;bottom:-17px;right:0;border:0}
.dateChangeBtm input.btn:hover{background-color:#ff8e92}
#mypage table{border:0}
body#calmod .attention{margin:10px 0 25px;border:1px solid #fccbcb;background-color:#f7f0f0;padding:10px;font-size:80%;color:red}
body#calmod .attention h3,body#calmod .attention p{margin:0;padding:0;color:red;font-size:120%}
body#calmod #reportDate{position:relative}
body#calmod #reportDate ul{list-style:none;padding:10px;margin:0}
body#calmod #reportDate ul li{font-size:24px;font-size:1.5rem;margin:0 20px 0 0;float:left}
body#calmod #form1 input#submit1{display:inline-block;padding:5px 30px;background-color:#dd0000;text-decoration:none;color:#fff;position:absolute;top:16px;right:0;border:0}
body#calmod input#submit2{display:inline-block;padding:5px 30px;background-color:#dd0000;text-decoration:none;color:#fff;position:absolute;bottom:-37px;right:0;border:0}
body#calmod input#submit2:hover,body#calmod #form1 input#submit1:hover{background-color:#ff8e92}
body#calmod table.clear-both{clear:both;margin:35px 0!important;z-index:-150px;width:100%;border:0;border-right:1px solid #8491e6}
body#calmod table.clear-both th{padding:10px 5px;background-color:#8491e6;border:1px solid #8491e6;font-weight:400;color:#fff;border-right:1px solid #fff;font-size:1em;font-size:16px}
body#calmod table.clear-both .fuketoru{width:15%;text-align:center}
body#calmod table.clear-both .date{width:18%;text-align:center}
body#calmod table.clear-both td{padding:15px 10px;border-top:1px solid #8491e6;border-bottom:1px solid #8491e6;border-left:1px solid #8491e6;font-size:1em;font-size:16px}
body#calmod table.clear-both td input[type=checkbox]{margin:0;vertical-align:middle}
body#calmod table.clear-both td.title,body#calmod table.clear-both th.ttl-messages{border-right:none!important}
body#calmod #form1 input#submit1:hover{background-color:#ff8e92}
body#taglist .taglist{margin:0 0 40px}
body#taglist p.btn{text-align:right}
.wp-pagenavi a,.wp-pagenavi span{border:none!important;margin:0 2px!important;padding:5px 10px!important}
.wp-pagenavi a:hover,.wp-pagenavi span.current{background-color:#f90;border-color:#bfbfbf!important;color:#fff}
.newList{margin:0 0 30px}
body .tag-choku .sigleinfo{background:#4f66ec}
body .tag-kaiko .sigleinfo{background:#ae2d1e}
.category-left{float:left;width:70%;}
.category-right{float:right;width:27%;}
#racetable th{text-align: center;}
.category-title{
width: 100%;
background-image: url(http://i0.wp.com/www.keibariron.com/zwp/wp-content/themes/keibariron/images/category-master1.jpg);
background-size: cover;
background-position: right;
}
.category-title h3{
font-weight: bold;
margin: 0;
margin-right: 200px;
margin-left: 30px;
font-size: 2.2rem;
color: #fff;
font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}
.category-title-text{
/* position: absolute; */
/* top: 23%; */
padding: 50px 0;
width: 100%;
margin-bottom: 20px;
text-shadow: 2px 2px 3px #333,2px 2px 3px #333;
text-align: center;
/* width: 90%; */
/* left: 5%; */
}
.category-menu {
border: 1px solid #ddd;
background-color: whitesmoke;
padding: 10px 10px;;
}
.category-menu a{
color:#000;
}
.category-menu a:hover{
color:#000;
text-decoration: underline;
}
.category-menu h2 {
/* text-decoration: underline; */
width: 100%;
display: block;
margin: 0 auto;
font-size: 1.3rem;
text-align: center;
font-weight: bold;
border-bottom: 2px solid #dd0000;
padding-bottom: 6px;
}
.category-menu ul {
margin-top: 6px;
margin-bottom: 0px;
padding: 0;
list-style: none;
}
.category-menu ul li{
line-height: 130%;
font-size: 14px;
width: 100%;
padding:10px 0 10px 4px;
border-bottom: 1px dotted #ddd;
}
@media screen and (max-width:768px){
.category-menu h2 {
font-size: 1.1rem;
}
.category-menu-bt{
text-decoration: underline;
font-size:14px;
}
.category-title{
width:100%;position:relative
margin-bottom:0px;
}
.category-title h3{
font-weight: bold;
margin: 0;
margin-right: 100px;
margin-left: 20px;
font-size: 1.2rem;
color: #fff;
}
.category-title-text{
/* position: absolute; */
/* top: 40%; */
padding: 30px 0;
width: 100%;
text-align: center;
text-shadow: 2px 2px 3px #333, 2px 2px 3px #333;
margin-bottom: 10px;
width: 100%;
/* left: 5%; */
}
.category-left{float:none;width:100%;}
.category-right{float:none;width:100%;}
}
#odds table{
width: 100%;
border-collapse: collapse;
}
#odds table th{
width: 25%;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#odds table td{
padding: 6px;
text-align: left;
background-color: #fff;
border: 1px solid #b9b9b9;
}
#yoso table{
width: 100%;
border-collapse: collapse;
}
#yoso table th{
white-space: nowrap;
width: 1%;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#yoso table td{
padding: 6px;
white-space: nowrap;
text-align: center;
background-color: #fff;
border: 1px solid #b9b9b9;
}
@media screen and (max-width:768px){
#yoso table th{
white-space: nowrap;
width: 1%;
padding: 2px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#yoso table td{
padding: 2px;
white-space: nowrap;
text-align: center;
background-color: #fff;
border: 1px solid #b9b9b9;
}
}
.single-post #odds{
display: none;
}
.single-post #yoso{
display: none;
}
body.category-keibariron #content .newList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
body.category-keibariron #content .newList .post{float:none;display:inline-block;vertical-align:top;width:250px;margin:0 10px 10px;background-color:transparent}
body.category-keibariron #content .newList .post a{padding:0;border:0;background:0}
body.category-keibariron #content .newList .post a p{color:#333}
body.category-keibariron #content .newList .post a:hover img{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7}
body.category-keibariron #content .newList .post a:hover{background-color:#f4e9e9}
body.category-keibariron #content .newList .post .articleImg{float:none;width:100%;margin:0 0 10px}
body.category-keibariron #content .newList .post .postTxt{float:none;width:auto}
.postTxt h3{font-size:18px;line-height:120%}
body.home div.lightplan img{width:390px}
#mYbaner ul{margin-left:0;padding-left:0}
#mYbaner li{list-style:none}
#mYbaner li.sidejob{width:530px;float:left}
#mYbaner li.sidejob a{display:block;width:530px;height:390px;background:url(images/img_sidejob_off.png) no-repeat left top;background-size:cover;text-indent:-999999px}
#mYbaner li.sidejob a:hover{background:url(images/img_sidejob_on.png) no-repeat left top;background-size:cover}
#mYbaner li.lightplan{width:530px;display:block;margin:0 auto}
#mYbaner li.lightplan a{display:block;width:530px;height:392px;background:url(images/img_rightplun_off.png) no-repeat left top;background-size:cover;text-indent:-999999px}
#mYbaner li.lightplan a:hover{background:url(images/img_rightplun_on.png) no-repeat left top;background-size:cover}
@media all and (min-width:1100px){#footer .inner-wrapper{ max-width:1100px; margin:0 auto;}
#container{margin:0 auto;max-width:1100px}
}
@media all and (min-width:737px){#footer .inner-wrapper #information .service,#footer .inner-wrapper #information .fee,#footer .inner-wrapper #information .info{float:left;width:48%}
#footer .inner-wrapper #information .fee,#footer .inner-wrapper #information .info{margin:0 0 0 2%}
#mainContents #remind,#mainContents #freeregistration { padding-top:150px;}
}
@media all and (max-width:736px){#content{padding:5px}
.headmenu .right-off-canvas-toggle span strong,.headmenu .left-off-canvas-toggle span strong{display:block}
ul.off-canvas-list li.ttl{margin:0 0 20px}
ul.off-canvas-list li.content .read{margin:0 20px 10px;font-size:1.1rem;line-height:120%;font-weight:700;color:#dd0000}
ul.off-canvas-list li.content ol{margin:0 20px 20px;padding:0 0 0 20px}
.playertext-inner .twitter{display:none!important}
#footer{width:100%}
#masterIv #qa05 .txt,#masterIv #qa04 .txt,#masterIv #qa02 .txt,#masterIv #qa01 .txt{width:100%;float:none}
#masterIv #qa05 .img,#masterIv #qa04 .img,#masterIv #qa01 .img,#masterIv #qa02 .img{margin:0 0 20px;width:100%;float:none;overflow:hidden;height:350px}
#masterIv #read{text-align:center;padding:10px;font-size:150%;border:2px solid #dd0000;border-left:0;border-right:0}
#masterIv .txt h2{font-size:110%;line-height:150%}
#topic02 .body .img,#topic03 .body .img,#topic04 .body .img{margin:0 0 15px;width:100%}
#topic02 .body .txt,#topic03 .body .txt,#topic04 .body .txt{width:100%}
#topic04 .body #syoshiki2 ul li,#topic04 .body #syoshiki ul li{margin:0 0 15px 10%;width:80%}
#topic04 .body #syoshiki2 ul li img,#topic04 .body #syoshiki ul li img{width:100%}
body.search-no-results input#searchsubmit,body.error404 input#searchsubmit,body#search input#searchsubmit{font-size:95%;padding:1.8% 2%;width:15%}
body.category-keibariron #content .newList .post{margin:0 2.5% 10px;width:43%}
body.category-keibariron #content .newList .articleImg img{width:100%}
.muryoureg{font-size:120%;padding:0 3%}
.muryoureg strong.midashi2{display:block;font-size:120%}
.muryoureg p{margin:1% 0 5%}
.muryoureg ol{margin:1% 0}
.muryoureg ol li{line-height:120%}
.muryoureg .midashi4{font-size:74%}
.muryoureg a.btn.orange{font-size:74%}
.button-group.even-2 li.mypage a,.button-group.even-2 li.logine a{padding:20px 0;text-align:center;display:block}
.button-group.even-2 li.logine{background-color:#dd0000}
.button-group.even-2 li.logine a{color:#fff}
.button-group.even-2 li.mypage a:hover{background-color:#dd0000;color:#fff}
div.boughtStep{font-size:11px;width:100%}
div.wrap{padding:50px 0 0;width:18.5%}
div.ctStepTtl{width:0;display:block;font-size:150%;font-weight:700;padding:12px}
div.stepNo{border-radius:30px;height:30px;margin:0 auto;width:30px}
div.stepNo .no{font-size:11px}
.stepttl{font-size:11px}
.stepttl span{font-size:12px}
.arrow{width:0;padding:40px 0 0}
.arrow div{padding:50px 0 0;font-size:15px}
.boughtStep .current{padding:40px 0 0 0!important}
.wrap.current .stepNo{height:40px;width:40px}
.confirm{margin:25px 0;width:100%}
#step04 dl.stepForm dd:after,.confirm:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
#step04 dl.stepForm dd.confirm{display:inline-block}
ul#orderBtn{width:100%}
#step04 dl.stepForm dd,.stepArea dl dd{font-size:100%;word-break:break-all}
#step04 dl.stepForm dd span.regist_confirm_right input{margin:10px 0 0;float:right;position:static}
.guideline h1{font-size:1.1em;margin:0 0 .67em}
.midashi01 h2,.guideline h2{font-size:1em;margin:0 0 .83em}
.midashi01 h2{padding:10px}
.tcenter{margin:0 0 25px}
.tcenter #process{font-size:72%}
.entryType dl dt{font-size:1.1rem}
#step05 .prosess dl dt{font-size:1.1em}
#step05 .prosess dl dd{font-size:1em}
#step05 .bank table th{font-size:0.9rem}
#step05 .bank table td{font-size:0.8rem}
#step05 .time{margin:0 0 10px;padding:3%}
#step05 .time ul{padding:0 0 0 20px}
.morebtn{padding:0 22px}
#lasttime h2,.fc-header-title h2{font-size:1.2rem!important}
#copyright p{text-align:center!important}
dd.name p,dd.kana p,dd.nikku p,dd.pref p,dd.tel p,dd.email p,dd.magazine p,dd.yosomail p,dd.pass p{font-size:1.2em}
#leaveArea{margin:0 0 25px}
.tlH01 h1{font-size:1.1rem;padding:5px 0 5px 10px}
.tlH02 h2{font-size:1.0rem;padding:5px 0 5px 10px}
.content-fl-l{margin-left:0;float:none;width:100%}
.show-for-sp input[type=button]{background-color:#dd0000;border:medium none;color:#fff;font-size:14px;font-weight:400;padding:10px 20px;right:10px;text-decoration:none}
#messages table.sp-cal{width:100%}
#messages table.sp-cal th{background-color:#080;color:#fff}
#messages table.sp-cal th,#messages table.sp-cal td{border:1px solid #ddd;padding:15px 10px}
body#calmod #form1 input#submit1{margin:0 0 25px;display:inline-block;position:static;float:right}
body#calmod input#submit2{position:static;margin:0 0 25px;float:right}
#mYbaner li.sidejob{width:100%;margin:0 auto;float:none;height:auto}
#mYbaner li.lightplan{width:100%;margin:0 auto;float:none;height:auto}
#mYbaner li.sidejob a{width:100%;height:auto;margin:0 auto;min-height:316px;background:url(images/img_sidejob_off.png) no-repeat left top;background-size:contain}
#mYbaner li.lightplan a{width:100%;height:auto;min-height:320px;background:url(images/img_rightplun_off.png) no-repeat left top;background-size:contain}
#mYbaner li.sidejob a:hover{background:url(images/img_sidejob_on.png) no-repeat left top;background-size:contain}
#mYbaner li.lightplan a:hover{background:url(images/img_rightplun_on.png) no-repeat left top;background-size:contain}
}
.voice-title {
font-size: 24px;
padding-top: 4px;
margin: 0;
text-align: center;
border-top: 3px solid rgba(214, 0, 5, 0.8);
}
.voice__content__the {
padding: 5px;
font-family: serif;
}
.voice-date {
font-size: 12px;
text-align: center;
border-top: 1px dashed #de3337;
border-bottom: 1px dashed #de3337;
width: 80px;
margin: 6px auto;
padding: 4px 0;
}
.voice__content {
overflow: hidden;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom: 1px solid rgb(177, 177, 178);
}
.voice__content.sticky {
}
.voice-meta__list {
margin:3px;
padding:0;
list-style: none;
}
.voice-meta__list__item {
font-size: 0.85em;
text-align: right;
}
@media screen and (min-width:768px){
.keibariron-search-area {
width: 50%;
margin: 0 auto;
}
.keibariron-master-profile{
margin-bottom:40px;
}
.keibariron-master-photo{
width:30%;
float:left;
}
.keibariron-master-photo img{
width:100%;
}
.keibariron-master-description{
padding-top:0px;
font-size:0.9em;
width:68%;
float:right
}
.voice-title {
font-size: 28px;
padding: 8px;
margin: 0;
text-align: left;
border-top: 6px solid rgba(214, 0, 5, 0.8);
}
.voice-date {
font-size: 14px;
width: 90px;
}
.voice__content__the {
width: 67%;
padding: 16px 5px;
margin-left: 33%;
}
.voice__content__meta-info {
width: 30%;
float: left;
}
}
.indextitle .copy {
font-size:.7em;
color:#fcfcfc;
text-shadow: #333 1px 1px 0px, #333 -1px 1px 0px, #333 1px -1px 0px, #333 -1px -1px 0;
}
.for-new-comings {
padding: 8px 0;
background: #fafafa!important;
text-align: center;
}
.for-new-comings .intro {
font-size: 0.8em;
font-weight: bold;
color:#555;
line-height: 1;
}
.divider{
display: block;
}
.span-red {
color:red;
}
.akushitsu-note {
font-size: 0.75em;
margin: 0;
color: white;
padding: 25px;
text-decoration: underline;
font-family: serif;
}
.akushitsu-title {
font-size: 0.9em;
font-family: sans-serif;
}
.index-akushitsu {
background: #000000;
}
.button-wrapper {
text-align: center;
}
.index-akushitsu a {
color: #fff;
font-size:.8em;
}
.head-title {
text-align: center;
background-color: whitesmoke;
border-top: 3px solid #dd0000;
}
.single-title {
margin:5px;
font-size: 36px;
font-weight: bold;
}
.single-title-sub {
font-size: 0.5em !important;
font-weight: normal;
}
.single-title-tag {
color: #fff;
margin: 5px;
background-color: #005fd6;
padding: 5px 10px;
width: 300px;
font-size: 15px;
margin: 0 auto;
border-radius: 10px;
}
.single-title-date {
font-size: 0.8em;
margin: 10px 0;
letter-spacing: -0.02em;
display: inline-block;
border-bottom: 1px dashed #1faa37;
}
a.button_new_red2 {
background: #cc0000;
background: -webkit-linear-gradient(top, #f11414 0%,#cc0000 100%);
padding: 10px 5px 10px 5px;
border: 1px solid #cc0000;
border-radius: 5px;
color: #fefefe;
display: inline-block;
zoom: 1;
font-size: 16px;
}
.regist-box .button_new_green{
width:90%;
padding:15px;
border-radius: 3px!important;
}
.regist-box a.fbButton{
width:100%;
font-size: 12px;
padding:12px 5px;
border-radius: 3px!important;
}
.regist-box a.googleButton{width:100%;
font-size: 12px;
padding:12px 5px;
border-radius: 3px!important;
}
.regist-box dd input {
width: 65%;
padding: 6px;
height: 30px;
margin: 10px auto;
font-size: 13px!important;
}
.regist-box dl dt{
float: left;
width: 35%;
line-height: 210%;
font-size: 13px!important;
}
.sns-button-area{
width:90%;
margin:0 auto;
}
.sns-button-area .sns-button-l{
width:49%;
float:left;
}
.sns-button-area .sns-button-r{
width:49%;
float:right;
}
.index-bosyu{background-color:#000;margin-top:0;font-weight:400;font-size:12px;color:#fff;padding:5px 10px;text-shadow:none;text-align:center}
.index-bosyu a { display:block; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.index-bosyu span{font-weight:700;font-size:1rem}
.index-bosyu strong{font-weight:700;font-size:0.8rem!important}
.index-bosyu strong{font-size:20px;color:#f0f060}
.index-bosyu i{margin-right:10px}
.index-bosyu a.countdown-invite-mail{display: none;width:100%;background-color: #333;font-weight: bold;padding:4px;margin:4px;}
.regist-box h3{
font-size:0.9em;
display: block;
width:92%;
margin: 0 auto;
}
.regist-area__subcopy{
font-size: 0.7rem!important;
}
.regist-area h3{
text-align: center;
font-weight:bold;
margin-top:10px;
font-size:0.9rem;
margin:0;
padding:0;
}
.indextitle{width:100%;display:block;height:34vh;text-align:center;background:#fff url(images/indextitlebg.jpg) no-repeat;padding:10px 20px;background-size:cover;margin-bottom:0}
.indextitle a img.readmore{display:block;width:80%;margin:0 auto 20px}
.indextitle h2{text-align:center;font-size:30px;font-weight:700;margin-top:5px;color:#fff;text-shadow:#000 1px 1px 0px,black -1px 1px 0px,black 1px -1px 0px,black -1px -1px 0; margin: 0;}
.sticky{z-index: 1000}
.mainvisual-pc{height:574px;position: relative}
.mainvisual-pc-inner{max-width:1200px;width:100%;position: relative;}
.mainvisual-post{
width: 380px;
position: absolute;
padding: 10px 20px;
right: 0px;
top: 50px;
box-shadow: 1px 1px 6px #000;
background-color:rgba(255, 255, 255, 1);
}
.mainvisual-post.logout{
width: auto;
position: relative;
padding: 0px;
right: 0px;
top: 0px;
box-shadow: none;
background-color:rgba(255, 255, 255, 1);
padding: 20px 40px;
border: 1px solid #ddd;
margin: 0px 0px 20px 0px;
}
.mainvisual-post.logout .postTxt{
float: none;
}
.mainvisual-post.logout .postTxt p {
font-size: 14px;
line-height: 150%;
}
.mainvisual-post .postTxt {
width:100%;
margin-top:10px;
font-size:11px;
}
.mainvisual-post.logout .postTxt p{
font-family: Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.mainvisual-post .postTxt p{
font-size:14px;
line-height: 160%;
color:#000;
}
.mainvisual-post.logout .postTxt a{
}
.mainvisual-post .postTxt h3{
font-size:19px;
line-height: 160%;
margin-bottom: 10px;
color:#000;
}
.mainvisual-post.logout .postTxt h3{
font-size:24px;
line-height: 160%;
margin-bottom: 20px;
}
.mainvisual-pc-right{float:right;position: relative;}
.mainvisual-pc-right .regist-area{ position: absolute;
top: 50px;
right: 4px;
z-index: 10;}
.mainvisual-pc-left{float:left;position: relative;
position: absolute;
width:500px;
top: 20px;
left: 20px;
z-index: 10;}
.index-content-full{
width:100%;
background-color: #F5F5F5;
}
.main-visual-mainrace{
background-color:#000;
padding:10px;
}
.main-visual-mainrace-inner{
background-color:whitesmoke;
border:2px solid #999;
padding:6px;
}
.main-visual-mainrace .newsfeed ul li a{
color:#000;
text-shadow:none;
}
.main-visual-mainrace .newsfeed{
position: relative;
}
.main-visual-mainrace .newsfeed ul {
margin:0;
}
@media screen and (min-width:0px) and (max-width:340px){
.regist-box h3{
font-size:0.9em;
display: block;
width:92%;
margin: 0 auto;
}
.regist-area__subcopy{
font-size: 0.7rem!important;
}
.main-visual-copy{
font-size:16px;
}
.index-bosyu{position:relative;background:#000;margin-top:0;font-weight:400;font-size:10px;color:#fff;border:2px solid #ccc;padding:5px 10px;text-shadow:none;text-align:center}
.index-bosyu a { display:block; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.index-bosyu span{font-weight:700;font-size:0.7rem}
.index-bosyu .bosyu-date{font-size:0.9rem; display: inline-block;}
.index-bosyu strong{font-weight:700;font-size:0.8rem!important}
.index-bosyu strong{font-size:20px;color:#f0f060}
.index-bosyu i{margin-right:10px}
}
@media screen and (min-width:340px) and (max-width:767px){
.regist-box h3{
font-size:1em;
display: block;
width:90%;
margin: 0 auto;
}
.main-visual-copy{
font-size:19px;
}
.index-bosyu .bosyu-date{font-size:0.9rem;display: inline-block;}
.index-bosyu{background:#191616;margin-top:0;font-weight:400;font-size:11px;color:#fff;border:2px solid #ccc;padding:5px 10px;text-shadow:none;text-align:center}
.index-bosyu a { display:block; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.index-bosyu span{font-weight:700;font-size:0.8rem}
.index-bosyu strong{font-weight:700;font-size:0.8rem!important}
.index-bosyu strong{font-size:20px;color:#f0f060}
.index-bosyu i{margin-right:10px}
}
@media screen and (max-width:767px){
.index-racename h1 {
line-height: 50%;
}
.index-racemenu a{
color:#fff;
font-size: 14px;
}
.single-title {
font-size: 20px;
}
.single-title-tag {
font-size:12px;
width:220px;
}
}
.muryoreg-catch {
font-size: 12px;
letter-spacing: -0.06em;
margin: 2px 0;
}
.content-movie-or-image {
overflow: hidden;
text-align: center;
padding: 12px 0;
float:right;
}
.content-movie-or-image .choku_douga{
margin:20px 5px;
}
@media screen and (max-width:998px){
.content-movie-or-image {
float:none;
}
}
.flickity-page-dots{
position: relative!important;
padding: 10px 0 10px 0!important;
bottom:0px!important;
background-color: #fafafa!important;
}
.regist-area__maincopy {
width: 90%;
text-align: center;
padding-top: 10px;
margin: 0px auto 10px auto;
}
.regist-area__maincopy a{
color: #dd0000;
font-weight:bold;
font-size: 1rem;
line-height:140%;
padding:0;
}
.regist-area__subcopy{
color: #404040;
font-weight:bold;
font-size: 0.8rem;
width:90%;
text-align: center;
line-height:140%;
margin: 14px auto 14px auto;
}
.regist-area__freeregist{
margin:14px auto 10px auto;
color: #404040;
font-weight:bold;
font-size: 0.8rem;
width:88%;
text-align: left;
line-height:160%;
}
.regist-area__freeregist .strong{
color:#dd0000;
}
.front-voice {
margin-top: 5px;
}
.front-voice__title {
font-size: 18px;
margin: 0.2em auto .2em;
text-align: center;
font-weight: bold;
color: #d70005;
padding: 3px 0px;
border-bottom: 1px solid #008000;
}
.front-voice__list {
padding: 0 10px;
list-style: none;
}
.front-voice__list .list-item {
font-size: 12px;
color: #333;
padding: 10px 2px;
border-bottom: 1px dotted #ddd;
}
.riron__list {
padding:0;
margin:0;
list-style:none;
}
.riron__list .list-item a {
color: #404040;
font-size: 24px;
line-height: 1.2;
font-family: serif;
display: block;
padding: 8px 16px;
border-bottom: 1px dashed #848484;
}
.riron__list .list-item a:hover {
border-bottom-style: solid;
color: red;
}
@media screen and (max-width:767px){
.riron__list .list-item a {
font-size: 18px;
}
}
.archive-pagination {
text-align: center;
font-weight: bold; }
.archive-pagination .page-numbers,
.archive-pagination .current {
font-size: 24px;
margin: 0 6px; }
.archive-pagination .page-numbers.dots {
display: none; }
.archive-pagination .page-numbers:hover,
.archive-pagination .current {
border-bottom: 3px solid #23282D; }
.clear-both {
clear: both;
}
.button_new_green {
font-size:18px;
width:50%;
max-width:500px;
background:#00982b;
border:0px;
color:white!important;
text-decoration:none!important;
font-weight:700;
border-radius:4px!important;
transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:10px;
color:#fff;
display: block;
}
.button_new_green:hover {background: #27ae60;}
.arrow3{
width: 100px;
height: 28px;
margin: 5px auto;
}
.arrow3::before{
content: "";
display: block;
margin: 0 auto;
width: 60px;
height: 11px;
z-index: 2;
background: #999;
}
.arrow3::after{
content: "";
display: block;
z-index: 1;
border-top: 43px solid #999;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
transform-origin: left top;
transform: scaleY(.5);
}
.regist-box {
background-color: #fff;
padding: 10px 10px;
border: 1px solid #ddd;
margin: 0px 10px 0 10px;
}
.button_base {
font-size:17px!important;
width:90%;
max-width:500px;
background: #ddd;
color: #333!important;
text-decoration:none!important;
font-weight: bold;
border-radius:3px!important;
transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:14px;
border:0;
color:#fff;
display: block;
}
.button_red {
max-width:500px;
background: #dd0000;
border:0px;
color:white!important;
text-decoration:none!important;
font-weight:700;
transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:10px;
color:#fff;
display: block;
}
.button_new_orange {
font-size:16px;
width:90%;
max-width:500px;
background: #ff7300;
border-bottom: 3px solid #1F8C4C;
color:white!important;
text-decoration:none!important;
font-weight: bold;
border-radius:0px!important;
transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:14px;
border:0;
color:#fff;
display: block;
}
.button_new_orange:hover {
background-color: #FFB77B;
}
a.googleButton{
font-size:18px;
width:50%;
max-width:500px;
background: #DD4B39;border-bottom: 3px solid #1F8C4C;
color:white!important;text-decoration:none!important;
font-weight:700;border-radius:5px!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;-ms-border-radius:5px!important;-oborder-radius:5px!important; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:10px;color:#fff;border:0;
display: block;
}
a.googleButton:hover{
background-color:#E2705F;
}
a.fbButton{
font-size:18px;
width:50%;
max-width:500px;
background: #3B5998;
border-bottom: 3px solid #1F8C4C;
color:white!important;
text-decoration:none!important;
font-weight:700;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
-ms-border-radius:5px!important;
-oborder-radius:5px!important;
transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;
padding:10px;
color:#fff;
border:0;
display: block;
}
a.fbButton:hover{
background-color:#6887C6;
}
.m10-0-0-0{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.m10-0-10-0{
margin: 10px 0px 10px 0px;
}
.home .tlH02 {
margin: 0;
}
/
/********************** Sample **********************/
/* SP View */
/* PC View */
@media (min-width: 768px){
}
@media (min-width: 1200px){
}
/********************** Seminar Category Page **********************/
/* SP View */
/* PC View */
@media (min-width: 768px){
.seminar-content-left{
width:45%;
float: left;
}
.seminar-content-right{
width:52%;
float: right;
}
}
@media (min-width: 1200px){
}
/********************** Table Design **********************/
table.type08 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border-left: 1px solid #ccc;
}
table.type08 thead th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid #c00;
background: #dcdcd1;
}
table.type08 tbody th {
width: 150px;
padding: 10px;
font-weight: bold;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #ececec;
}
table.type08 td {
width: 350px;
padding: 10px;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.type08.seminar td {
width: inherit;
}
/********************** Mini Menu **********************/
.minimenu-area{
width:100%;
margin:20px 0;
padding:10px 0;
background-color: whitesmoke;
}
.menu-item:hover{
opacity:0.9;
}
.menu-item{
width:90%;
border-radius:6px;
padding:10px;
margin:10px auto;
font-weight:bold;
text-align: center;
}
a .menu-item {
color:#fff;
}
.menu-item.menu-blue{
background-color:#2980b9;
}
.menu-item.menu-orange{
background-color:#e67e22;
}
.menu-item.menu-green{
background-color:#27ae60;
}
/* PC View */
@media (min-width: 768px){
.minimenu-area{
padding:0;
width:100%;
margin:20px 0;
background-color: whitesmoke;
}
.menu-item{
font-size:20px;
width:30%;
float:left;
padding:10px;
text-align: center;
border-radius:6px;
margin:30px 1.4%;
padding:10px;
font-weight:bold;
}
}
/********************** INDEX **********************/
/* SP View */
@media (max-width: 768px){
.main-visual-copy h2{
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;font-weight:bold;color:#fff; -1px 0 1px #000, 1px 0 1px #000;background-color:#000;padding:10px 10px 10px 25px;font-size:1.3rem;
}
.index-racename{
position:relative;display:inline-block;
}
.index-racename h1{
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
text-shadow:1px 1px 4px #000;letter-spacing: 0em;
color: #ffff00;
font-weight: bold;
font-size: 1.8rem;
margin: 0;
}
.index-racename.longname h1{
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
text-shadow:1px 1px 4px #000;position:relative;display:inline-block;letter-spacing: 0em;
letter-spacing: -0.1em;
color: #ffff00;
font-weight: bold;
font-size: 1.2rem;
}
.index-racename-button{
position:relative;background-color:#ffff00;color:#000;line-height:0;font-size:16px;padding: 8px 18px;
display: inline-block;text-align:left;margin-top:0px;opacity:0.9;box-shadow:1px 1px 4px #000;
font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
/* PC View */
@media (min-width: 768px){
.index-racemenu {
position: relative;
background-color: #fff;
color: #000;
line-height: 200%;
font-size: 32px;
text-decoration: underline;
width: 400px;
padding: 12px 30px;
text-align: left;
margin-top: 0px;
opacity: 1;
box-shadow: 1px 1px 15px #000;
}
.index-racemenu a{
color: #000;
text-decoration: underline;
}
.index-racename{
position:relative;display:inline-block;
}
.index-racename h1{
font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;color:#ffff00;text-shadow:1px 1px 15px #000;letter-spacing: 0em;font-size: 4rem;
font-weight: bold;
margin: 0;
}
.index-racename.longname h1{
font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;color:#ffff00;text-shadow:1px 1px 15px #000;display:inline-block;position:relative;letter-spacing: 0em;font-size: 2.6rem;
font-weight: bold;
letter-spacing: -0.2px;
margin: 0;
}
.index-racename:hover{
opacity: 0.9;
}
.index-racename-button{
position: relative;
background-color: #ffff00;
color: #000;
line-height: 200%;
font-size: 32px;
width: 100%;
padding: 0px 14px;
text-align: left;
margin-top: 0px;
opacity: 1;
box-shadow: 1px 1px 15px #000;
}
.index-racename-button:hover{
opacity: 0.9;
}
.main-visual-copy{
position:absolute;top:200px;padding-bottom:0px;left:0px;font-weight:bold;color:#fff; text-shadow: 1px 1px 15px #000,1px 1px 15px #000;
}
.main-visual-copy h2{
color: #fff;
font-size: 1.8em;
font-weight: bold;
letter-spacing: -0.02em;font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}
}
/********************** FAQ **********************/
#respond input#submit{
width:100%;
}
#content-faq h2{
font-size: 20px;
}
#content-faq h2:before{
content: 'Q.';
color: #0000ff;
}
#content-faq h3{
font-size: 20px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom: 1px dotted #999;
}
#content-faq h3:before{
content: 'A.';
color: #ff0000;
}
/* PC View */
@media (min-width: 768px){
}