@charset "UTF-8";

*{
margin:0;
padding:0;
font-weight:400;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} _::content, _:future, body { 
font-size:4.36vw;
} @-moz-document url-prefix() {
body {
font-size:4.30vw;
}
}
html{
height:100%;
}
body{
line-height:150%;
height:100%;
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
} 
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5{
display:block;
box-sizing:border-box;
position:relative;
}
li{
list-style:none;
}
img{
display:block;
outline:none;
width:100%;
height:auto;
}
a{
text-decoration:none;
}
iframe{
border:none;
width:100%;
}
table{
border-collapse: separate;
background: #ddd;
border-spacing: 1px;
}
th,td{
font-weight:normal;
background:white;
}
th{
text-align:left;
}
td{
text-align:left;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}  #mainheader{
background:-webkit-linear-gradient(#001A62, black);
background:-o-linear-gradient(#001A62, black);
background:linear-gradient(#001A62, black);
color:white;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
}
#mainheader a{
color:white;
display: block;
}
#mainheader li a{
padding:.4em 0;
}
#head-l{
height: 4.6em;
border-bottom: 1px solid white;
}
#head-l h1{
width:22%;
height:100%;
}
#head-l h1 a{
height:100%;
display:-ms-flexbox;display:-webkit-flex;display:flex;
align-items:center;
}
#head-l>p{
width:55%;
padding-left:1em;
font-size:76%;
}
#head-l>p span{
display: block;
font-size: 150%;
border-bottom: 1px solid white;
}
#head-l>div{
width: 23%;
height: 100%;
text-align: center;
display:-ms-flexbox;display:-webkit-flex;display:flex;
align-items: center;
-webkit-justify-content:center;-ms-flex-pack: center; justify-content:center;
background: black;
border-left:1px solid #aaa;
}
#head-r{
display: none;
position: fixed;
left: 0;
top: 4.6em;
z-index: 9998;
width: 100%;
height: calc(100% - 4.6em);
padding: 1em;
background: #000152 url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/front/mark.png)right 5% bottom 19% no-repeat;
background-size: 30% auto;
}
#head-r ul ul{
margin-left:2em;
}
#head-r li a{
padding-left:1em;
}
#head-r li a:before{
content:"→　";
}
#servicenav{
background:#ab0000;
width:100%;
}
#servicenav div{
height:0;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
-ms-transition:.4s;
transition:.4s;
}
.servicenavshow{
height:3em !important;
}
#servicenav ul{
position:absolute;
left:0;
top:0;
}
#servicenav li a{
display:block;
padding:0 1em;
color:white;
line-height:300%;
}
#servicenav li a:before{
content:"▶ ";
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
border-radius: 4px;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 2.3em;
height: 2.3em;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: .2em;
border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: calc(50% - .1em);
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
-webkit-animation: menu-bar01 .75s forwards;
animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
0% {-webkit-transform: translateY(1.05em) rotate(45deg);}
50% {-webkit-transform: translateY(1.05em) rotate(0);}
100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar01 {
0% {transform: translateY(1.05em) rotate(45deg);}
50% {transform: translateY(1.05em) rotate(0);}
100% {transform: translateY(0) rotate(0);}
}
.menu-trigger span:nth-of-type(2) {
transition: all .25s .25s;
opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
-webkit-animation: menu-bar02 .75s forwards;
animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
0% {-webkit-transform: translateY(-1.05em) rotate(-45deg);}
50% {-webkit-transform: translateY(-1.05em) rotate(0);}
100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar02 {
0% {transform: translateY(-1.05em) rotate(-45deg);}
50% {transform: translateY(-1.05em) rotate(0);}
100% {transform: translateY(0) rotate(0);}
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-animation: active-menu-bar01 .75s forwards;
animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
0% {-webkit-transform: translateY(0) rotate(0);}
50% {-webkit-transform: translateY(1.05em) rotate(0);}
100% {-webkit-transform: translateY(1.05em) rotate(45deg);}
}
@keyframes active-menu-bar01 {
0% {transform: translateY(0) rotate(0);}
50% {transform: translateY(1.05em) rotate(0);}
100% {transform: translateY(1.05em) rotate(45deg);}
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-animation: active-menu-bar03 .75s forwards;
animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
0% {-webkit-transform: translateY(0) rotate(0);}
50% {-webkit-transform: translateY(-1.05em) rotate(0);}
100% {-webkit-transform: translateY(-1.05em) rotate(-45deg);}
}
@keyframes active-menu-bar03 {
0% {transform: translateY(0) rotate(0);}
50% {transform: translateY(-1.05em) rotate(0);}
100% {transform: translateY(-1.05em) rotate(-45deg);}
} #sharefooter{
background:-webkit-linear-gradient(#001A62, black);
background:-o-linear-gradient(#001A62, black);
background:linear-gradient(#001A62, black);
color:white;
}
#sharefooter a{
color:white;
}
#sharefooter>div{
padding: 1em 0;
}
#footer-l{
font-size:80%;
text-align: center;
}
#footer-l p:nth-of-type(1){
margin:0 auto;
}
#footer-r{
width:45%;
font-size:90%;
}
#copyright{
background:white;
color:black;
font-size:50%;
text-align: center;
padding-bottom: 4rem;
}
#m_footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height:4rem;
background: rgba(0,0,0,.8);
z-index: 9999;
}
#m_footer ul {
border-top: 1px solid white;
}
#m_footer li {
width: 33.33%;
height: 3.5em;
}
#m_footer li:nth-of-type(1) {
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/lp/m_tel@2.png)left 10% center no-repeat;
background-size: 20% auto;
}
#m_footer li:nth-of-type(2) {
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/lp/m_mail.png)left 2% center no-repeat;
background-size: 30% auto;
width: calc(33.34% - 2px);
border-left: 1px solid #777;
border-right: 1px solid #777;
}
#m_footer li:nth-of-type(3) {
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/lp/m_company.png)left 2% center no-repeat;
background-size: 30% auto;
}
#m_footer a {
color: white;
display: block;
padding-left: 36%;
line-height: 3.5em;
} #pagetop{
padding-top: 4.5em;
} #wrap{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/bodyback1.png) left bottom 5em no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/bodyback.png);
background-size: auto 50%,auto;
background-attachment: fixed;
} #breadcrumb{
padding:4.6em .4em 0;
border-bottom: 3px double #aaa;
background:white;
}
#breadcrumb a{
color:#555;
font-size:80%;
} .pagewrap{
}
.pagearticle{
padding: 1em;
background: rgba(255,255,255,.6);
}
.pagearticle header h1{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/pagearticleh1.png);
font-weight: bold;
font-size: 120%;
border-left: .4em solid red;
border-right: .4em solid red;
padding: .4em .4em 2em;
width: calc(100% + 1.6em);
margin: -.8em 0 1em -.8em;
text-shadow: -0.05em -0.05em 0 white, 0.05em 0.05em 0 white, 0.07em 0.07em 0 black;
}
.pagearticle header h1>span {
display: block;
font-size: 160%;
line-height: 150%;
text-shadow: -3px -3px 0 yellow, -3px 0 0 yellow, -3px 3px 0 yellow, 0 -3px 0 yellow, 0 3px 0 yellow, 3px -3px 0 yellow, 3px 0 0 yellow, 3px 3px 0 yellow;
position: absolute;
bottom: 0;
right: .3em;
}
.pagearticle header h1 span span {
transform: rotate(30deg);
display: inline-block;
}
.pagesidebar{
padding: 0 2em;
}
.pagesidebar>div:not(.sidebar-wrapper){
background:white;
margin-bottom:1em;
border: 1px solid #30469c;
}
.sidebar-wrapper{
margin-bottom:1em;
}
.sidebar-wrapper h4{
background:black;
color:white;
padding:.4em;
}
.sidebar-wrapper li a{
color:#555;
padding:.4em;
display:block;
}
.sidebar-wrapper li a:before{
content:"◆ ";
color:#907909;
}
#s_kdrones div div{
margin-bottom:.5em;
border-bottom:1px dotted #ddd;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#s_kdrones div div:last-of-type{
margin-bottom:0;
}
#s_kdrones div div:hover{
background:#3c7ebb;
color:white;
}
#s_kdrones a{
color:#555;
}
#s_kdrones a:hover{
text-decoration: none;
}
#s_kdrones h3{
background:black;
color:white;
margin:1em 0 .5em;
padding:0 1em;
}
#s_kdrones>div p:nth-of-type(1){
width:20%;
}
#s_kdrones>div p:nth-of-type(2){
width:78%;
} #slide{
overflow: hidden;
}
.slidehide{
opacity: 0;
}
#slider1{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
} #front{
background:rgba(255,255,255,.8);
}
#front1{
}
#front1 h2{
font-size: 130%;
line-height: 110%;
padding: .4em 0;
text-align: center;
font-weight: bold;
}
#front1 a:hover span{
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
background: radial-gradient(circle at 50%,rgba(255,255,255,.3),#8e7600),-webkit-linear-gradient(#c3a600, gold, #c3a600);
background: radial-gradient(circle at 50%,rgba(255,255,255,.3),#8e7600),-o-linear-gradient(#c3a600, gold, #c3a600);
background: radial-gradient(circle at 50%,rgba(255,255,255,.3),#8e7600),linear-gradient(#c3a600, gold, #c3a600);
text-shadow: -1px -1px 0 #9c810f;
}
#front1 a span{
display: block;
padding: 1em;
color: white;
text-align: center;
background: rgba(0, 29, 103, 0.8);
text-decoration: underline;
}
#front2 h2{
font-weight: bold;
margin-bottom: 0em;
padding-left: 5em;
font-size: 110%;
}
#front2 h2 span:nth-of-type(1){
transform: rotate(-30deg);
display: inline-block;
margin-right: .4em;
color: #d80000;
position:absolute;
left:0;
font-size: 170%;
top: .3em;
text-shadow: 0.05em 0.05em 0 white, 0.1em 0.1em 0 #002180;
}
@-webkit-keyframes dtpimg{
0%{transform:scale(1.0,1.0) translate(0%,0%);}
15%{transform:scale(0.9,0.9) translate(0%,5%);}
30%{transform:scale(1.3,0.8) translate(0%,10%);}
50%{transform:scale(0.8,1.3) translate(0%,-10%);}
70%{transform:scale(1.1,0.9) translate(0%,5%);}
100%{transform:scale(1.0,1.0) translate(0%,0%);}
}
@-moz-keyframes dtpimg{
0%{transform:scale(1.0,1.0) translate(0%,0%);}
15%{transform:scale(0.9,0.9) translate(0%,5%);}
30%{transform:scale(1.3,0.8) translate(0%,10%);}
50%{transform:scale(0.8,1.3) translate(0%,-10%);}
70%{transform:scale(1.1,0.9) translate(0%,5%);}
100%{transform:scale(1.0,1.0) translate(0%,0%);}
}
@keyframes dtpimg{
0%{transform:scale(1.0,1.0) translate(0%,0%);}
15%{transform:scale(0.9,0.9) translate(0%,5%);}
30%{transform:scale(1.3,0.8) translate(0%,10%);}
50%{transform:scale(0.8,1.3) translate(0%,-10%);}
70%{transform:scale(1.1,0.9) translate(0%,5%);}
100%{transform:scale(1.0,1.0) translate(0%,0%);}
}
#front2 h2 span:nth-of-type(1):before{
content: "";
background: yellow;
width: 3.7em;
height: 3.7em;
border-radius: 50%;
position: absolute;
left: -.7em;
bottom: -1.6em;
z-index: -1;
}
.front2h2span:before{
animation:dtpimg 1s forwards;
}
#front2 h2 span:nth-of-type(n+2){
position:relative;
text-shadow: -1px -1px 0 black;
}
#front2 h2 span:nth-of-type(n+2):before,
#front2 h2 span:nth-of-type(n+2):after{
content:"";
width:100%;
height:2px;
position:absolute;
left:0;
background:red;
}
#front2 h2 span:nth-of-type(n+2):before{
bottom:0;
}
#front2 h2 span:nth-of-type(n+2):after{
bottom:-3px;
}
#front2 li{
}
#front2 li h3{
font-weight: bold;
color: #2f9200;
font-size:155%;
line-height:150%;
border-top: .3em solid #002680;
}
#front2 li h3 span{
background: red;
color: white;
padding: .2em;
border-left: .4em solid sandybrown;
}
#front2>p{
text-align: center;
font-weight: bold;
color: white;
background: linear-gradient(44deg,transparent 0%,red 10%,red 60%,transparent 60%),linear-gradient(134deg,transparent 40%,red 40%,red 90%,transparent);
margin: 0 auto;
line-height: 150%;
font-size: 130%;
position: relative;
text-shadow: -1px 1px 0 black, 1px 1px 0 black;
}
#front2 ul:nth-of-type(2) li{
padding:1em;
}
#front2 ul:nth-of-type(2) li span{
font-weight: bold;
border-bottom:3px double black;
}
#front3{
overflow: hidden;
}
#front3 h2{
background: -webkit-linear-gradient(#713f00, #ffd400, #754c01);
background: -o-linear-gradient(#713f00, #ffd400, #754c01);
background: linear-gradient(#713f00, #ffd400, #754c01);
text-align: center;
font-weight: bold;
text-shadow: -2px 0 0 white, -2px -2px 0 white, 1px 0 0 white, 1px 1px 0 white, 0 0 1em white;
}
#front3 li{
width:50%;
border:1px solid #ddd;
background:white;
padding-bottom:3em;
}
#front3 li a:hover{
text-decoration: none;
}
#front3 li a div h2{
line-height:200%;
border-bottom:1px solid #ddd;
}
#front3 li>a>div:nth-of-type(2){
padding:.4em;
}
#front3 li>a>div:nth-of-type(3){
text-align: center;
bottom: 1em;
position: absolute;
width: 100%;
font-size: 90%;
}
#front3 li>a>div:nth-of-type(3) span{
padding: .2em 1em;
display: inline-block;
color: black;
background: linear-gradient(#fafafa,#eee);
border-radius: 2em;
border: 1px solid #ddd;
box-shadow: 0 1em 1em -1em #aaa, 0 1px 2px #ddd;
}
#front3 li>a>div:nth-of-type(3) span:hover{
color:green;
text-decoration: underline;
box-shadow:0 1px 2px #ddd;
}
#front3 img:hover{
opacity:.7;
}
#front3 h3{
font-weight: bold;
margin: -1.4em 0;
background: #b7de00;
text-shadow:1px 1px 0 white;
color: black;
text-align: center;
border-radius: 1em 0 1em 0;
}
#front3 li>a>div:nth-of-type(2) p{
margin-top:2em;
color:black;
}
#front3 li>a>div:nth-of-type(1) p {
position: absolute;
right: .2em;
top: 2.4em;
font-weight: bold;
padding: 1em 0 .5em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service2pback@2.png)center no-repeat;
background-size: auto 100%;
text-align: center;
text-shadow: -2px -2px 0 white, -2px 0 0 white, -2px 2px 0 white, 0 -2px 0 white, 0 2px 0 white, 2px -2px 0 white, 2px 0 0 white, 2px 2px 0 white;
}
#front3 li>a>div:nth-of-type(1) p>span {
display: block;
font-size: 160%;
line-height: 150%;
text-shadow: -3px -3px 0 yellow, -3px 0 0 yellow, -3px 3px 0 yellow, 0 -3px 0 yellow, 0 3px 0 yellow, 3px -3px 0 yellow, 3px 0 0 yellow, 3px 3px 0 yellow;
}
#front3 li>a>div:nth-of-type(1) p span span {
transform: rotate(30deg);
display: inline-block;
}
#front4{
margin:0 auto !important;
}
#front4 h2{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/front/front4h2@2.jpg)center no-repeat;
background-size: cover;
font-weight: bold;
padding:.4em 0;
}
#front4 h2 span{
font-size:140%;
font-weight: bold;
}
#front4 div p{
text-align: center;
color: red;
font-weight: bold;
}
#front4>p{
text-align: right;
padding-right: 1em;
margin-top: 1em;
}
#front4>p span {
padding: .2em 1em;
display: inline-block;
color: black;
background: linear-gradient(#fafafa,#eee);
border-radius: 2em;
border: 1px solid #ddd;
box-shadow: 0 1em 1em -1em #aaa, 0 1px 2px #ddd;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}
#front4 li{
width: 49%;
padding: .3em 0;
border-bottom: 1px solid #966f00;
}
#front5{
border: 1px solid #ddd;
margin-top: 1em !important;
}
#front5 h2{
background:darkblue;
border-left:1em solid deepskyblue;
color:white;
padding-left:1em;
}
#front5 time{
background: #0292ca;
color: white;
padding: .2em .4em;
box-sizing: border-box;
font-size: 80%;
}
#front5 li{
border-bottom: 1px solid #ddd;
}
#front5 li:last-of-type{
border-bottom:none;
}
#front5 li p{
padding-left:.4em;
}
#front6{
margin:1em auto 0 !important;
}
#front6 a:not(.front6link){
color:black;
background:white;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#front6 a:not(.front6link):hover{
text-decoration: none;
background:#e1e1e1;
}
#front6>div>div{
margin-bottom:1em;
}
#front6>div>div>div>ul>li{
border: 1px solid #e8e8e8;
padding-bottom: 3em;
}
#front6>div>div>div>ul>li.comingsoon{
line-height: 200%;
text-align: center;
color: #ddd;
font-size: 200%;
background: white;
}
#front6>div>div>div>ul>li>a>div{
width: 30%;
min-height: 5em;
padding-left: .2em;
align-self: flex-start;
padding-top: 1em;
}
#front6 h2{
line-height: 300%;
font-weight: bold;
text-shadow:-3px -3px 0 white,-3px 0 0 white,-3px 3px 0 white,0 -3px 0 white,0 3px 0 white,3px 3px 0 white,3px 0 0 white,3px -3px 0 white;
}
#front6>div>div:nth-of-type(1) h2{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/front/media@2.jpg)center no-repeat;
background-size:cover;
}
#front6>div>div:nth-of-type(2) h2{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/front/review@2.jpg)center no-repeat;
background-size:cover;
}
#front6 h2 span{
transform: rotate(-30deg);
display: inline-block;
margin-right: 1.4em;
color: #d80000;
text-shadow:0.02em 0.02em 0 white, 0.05em 0.05em 0 #002180;
}
#front6 h2 span:before {
content: "";
background: yellow;
width: 4.7em;
height: 4.7em;
border-radius: 50%;
position: absolute;
left: -0.3em;
bottom: -0.84em;
z-index: -1;
}
#front6 .nothumbnail{
box-shadow:0 0 3em #ddd inset;
color:#999;
}
#front6 li>a>article{
width: 70%;
font-size:80%;
line-height: 150%;
padding-left: .3em;
}
#front6 li article time{
}
#front6 li article .postcont{
line-height: 150%;
}
#front6>div>div>p a{
}
#front6>div>div>div{
padding-bottom:3em;
}
#front6>div>div>div>p{
position: absolute;
bottom: 0;
right: 1em;
}
#front6>div>div>div>p a{
padding: .2em 1em;
display: inline-block;
color: black;
background: linear-gradient(#fafafa,#eee);
border-radius: 2em;
border: 1px solid #ddd;
box-shadow: 0 1em 1em -1em #aaa, 0 1px 2px #ddd;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}
#front6>div>div>div>p a:hover{
color: green;
text-decoration: underline;
box-shadow: 0 1px 2px #ddd;
}
#front6 li article .entry-title{
font-weight: bold;
margin:1em 0;
}
#ftag {
position: absolute;
left: 31%;
bottom: 5%;
text-align: right;
font-size: 70%;
}
#ftag li {
background: #eee !important;
padding: 0 .6em !important;
display: inline-block;
border-radius: .2em;
} #japan47-1{
margin-bottom:3em;
}
#japan47-2 li{
width:49%;
margin-bottom:1em;
}
#japan47-2 li:last-of-type{
margin-right:auto;
margin-left:2%;
}
#japan47-3 h2,
#japan47-2 h2{
border-left:.5em solid green;
border-bottom:1px solid green;
padding:.5em 1em;
margin-bottom:1em;
}
#japan47-3{
margin-bottom:2em;
} #service1{
margin-bottom:3em;
}
#service1>div:nth-of-type(1)>div:nth-of-type(1){
text-align: right;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/backborder@2.png)center bottom no-repeat;
background-size: 100% auto;
font-size: 160%;
}
#service1>div:nth-of-type(1)>div:nth-of-type(1):before{
content: "";
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service1pbefore@2.png)no-repeat;
background-size: 100% auto;
width: 26%;
height: 4em;
position: absolute;
left: 1em;
bottom: 0;
}
#service1>div:nth-of-type(1)>div:nth-of-type(1) span{
line-height: 140%;
color: #4b9400;
font-weight: bold;
font-size: 240%;
text-shadow: -1px -1px 0 white, -1px 0 0 white, -1px 1px 0 white, 0 -1px 0 white, 0 1px 0 white, 1px -1px 0 white, 1px 0 0 white, 1px 1px 0 white, 1px 2px 0 black, 0 0 3px #ff7000;
}
#service1>div:nth-of-type(1) li{
font-weight: bold;
font-size: 80%;
line-height:150%;
border-bottom: 1px solid #ddd;
}
#service1>div:nth-of-type(1) li:before{
content:"◆";
margin-right:1em;
color: #569e0b;
}
#service1>div:nth-of-type(1)>div:nth-of-type(2){
}
#service1>div:nth-of-type(2) li{
width:33.33%;
}
#service1>div:nth-of-type(2)>p{
font-weight: bold;
text-align: center;
position: absolute;
width: 100%;
bottom: -3.2em;
left: 0;
background: rgba(255,255,255,.6);
padding: .4em 0;
}
#service1>p{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/iine@2.png)right 1em center no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service1p@2.png)center no-repeat,-webkit-linear-gradient(44deg, #0091ab, #00b5a4);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/iine@2.png)right 1em center no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service1p@2.png)center no-repeat,-o-linear-gradient(44deg, #0091ab, #00b5a4);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/iine@2.png)right .4em center no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service1p@2.png)center no-repeat,linear-gradient(134deg, #0091ab, #00b5a4);
background-size: auto 50%,cover,cover;
color: white;
padding: .5em 0 .5em .4em;
margin-bottom: 1em;
text-shadow: -1px -1px 0 #3900ff;
}
#service1>p:before{
}
#service1>p span{
margin-right:.2em;
}
#service1>div:nth-of-type(3) li{
width:32%;
}
#service2 li{
border: 1px solid #bbb;
margin-bottom:1em;
}
#service2 li a{
color: black;
display: block;
padding: .4em 1em;
background: -webkit-linear-gradient(#fafafa, #e6e6e6);
background: -o-linear-gradient(#fafafa, #e6e6e6);
background: linear-gradient(#fafafa, #e6e6e6);
border-radius: 2em;
box-shadow: 0 0 0.4em #aaa, 0 0.5em 1em -0.5em black;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#service2 li a:hover{
box-shadow:0 .1em 0.4em #aaa;
background: -webkit-linear-gradient(#ffffff, #e4fde4);
background: -o-linear-gradient(#ffffff, #e4fde4);
background: linear-gradient(#ffffff, #e4fde4);
}
#service2 li a:hover{
color:green;
}
#service2 li>p:nth-of-type(1){
position: absolute;
right: .2em;
top: 2.4em;
font-size: 170%;
font-weight: bold;
padding:1.5em 0 .5em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/service2pback@2.png)center no-repeat;
background-size: auto 100%;
text-align: center;
text-shadow: -2px -2px 0 white, -2px 0 0 white, -2px 2px 0 white, 0 -2px 0 white, 0 2px 0 white, 2px -2px 0 white, 2px 0 0 white, 2px 2px 0 white;
}
#service2 li>p:nth-of-type(1)>span{
display: block;
line-height: 150%;
text-shadow:-3px -3px 0 yellow,-3px 0 0 yellow,-3px 3px 0 yellow,0 -3px 0 yellow,0 3px 0 yellow,3px -3px 0 yellow,3px 0 0 yellow,3px 3px 0 yellow;
}
#service2 li>p:nth-of-type(1) span span {
transform: rotate(30deg);
display: inline-block;
}
#service2 li>p:nth-of-type(2){
position: absolute;
right: 1em;
bottom: 1em;
text-decoration: underline;
}
#service2 li>div{
padding: 1em .2em 4em;
color:#444;
}
#service2 li:nth-of-type(n+5)>div{
padding: 1em .2em;
} #member1>div{
margin-bottom:3em;
}
#member1 h2{
margin-bottom:1em;
}
#member1 h2:before{
content:"■ ";
color:green;
}
#member table{
width:100%;
}
#member1 th{
background:-webkit-linear-gradient(-44deg, #0b12d2, #001975);
background:-o-linear-gradient(-44deg, #0b12d2, #001975);
background:linear-gradient(134deg, #0b12d2, #001975);
color:white;
}
#member1 th:nth-of-type(1){
width:10%;
}
#member1 th:nth-of-type(2){
width:90%;
}
#member1 td:nth-of-type(1){
}
#member2{
box-shadow:0 1em 1em -1em black;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#member2:hover{
box-shadow:0 0 .5em #aaa;
opacity:.8;
}
.menberbb{
border-bottom:1px solid black;
}
.menberbc{
border-top:1px dotted #aaa;
border-bottom:1px dotted #aaa;
}
.bgf1{
background:#f1f1f1;
} #tenken>article>div{
margin-bottom:2em;
}
#tenken h2{
border-bottom: 10px solid #003db1;
font-weight: bold;
padding-left:2.5em;
}
#tenken h2:before{
content: "";
width: 5em;
height: 3em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat;
background-size: auto 100%;
position: absolute;
left: -1em;
bottom: 0;
}
#tenken h2 span{
display: block;
font-size: 160%;
line-height: 150%;
text-shadow: -3px -3px 0 yellow, -3px 0 0 yellow, -3px 3px 0 yellow, 0 -3px 0 yellow, 0 3px 0 yellow, 3px -3px 0 yellow, 3px 0 0 yellow, 3px 3px 0 yellow;
position: absolute;
bottom: 0;
right: .3em;
}
#tenken3 h2 span{
position:absolute;
top:-1.3em;
right:0;
}
#tenken table{
width:100%;
margin-bottom:1em;
background:white;
}
#tenken th,
#tenken td{
display:block;
}
#tenken th{
font-weight: bold;
border-bottom:1px solid #aaa;
}
#tenken td:last-of-type{
margin-bottom:1em;
}
#tenken tr:nth-of-type(n+2) td:nth-of-type(1):before{
content:"・";
}
#tenken tr:nth-of-type(n+2) td:nth-of-type(2){
padding-left:1em;
}
#tenken ul:not(.flex) li{
list-style-type: decimal;
display:list-item;
margin-left: 2em;
font-size:90%;
}
#tenken ul{
margin:1em 0 0;
}
#tenken ul.flex li{
width:50%;
border:1px solid red;
}
#tenken ul.flex li:nth-last-of-type(n+4){
border-top:2px solid red;
}
#tenken ul.flex li:nth-of-type(n+3){
width:33.33%;
border-bottom:2px solid red;
}
#tenken ul.flex li:nth-of-type(4){
width:33.34%;
}
#tenken ul.flex li:nth-of-type(1),
#tenken ul.flex li:nth-of-type(3){
border-left:2px solid red;
}
#tenken ul.flex li:nth-of-type(2),
#tenken ul.flex li:nth-of-type(5){
border-right:2px solid red;
}
#tenken ul.flex li p{
position:absolute;
bottom:1em;
left:0;
width:100%;
text-shadow: -1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white,1px -1px 0 white;
}
#tenken .pagearticle h3{
display: inline-block;
padding: .2em .6em;
background: #069c00;
color: white;
letter-spacing: .2em;
border: 1px solid #d6d100;
}
#tenken .pagearticle>div{
margin-bottom:5em;
}
#tenken .pagearticle>div>div{
margin-top:1em;
}
#tenken .pagearticle>div>div>p{
border: 1px solid #ccc;
padding: 1em;
}
#tenken .zeroyen{
background:red;
color:white;
}
#tenken .zeroyen .red{
background: yellow;
font-size: 200%;
line-height: 140%;
margin-left: .2em;
border-radius: .1em;
}
#tenken article small a{
text-decoration: underline;
color:blue;
}
#tenken article>div>p{
font-size:60%;
} #dougateikyou h2{
border-bottom: 10px solid #003db1;
font-weight: bold;
margin-bottom: .4em;
font-size: 110%;
padding-left: 3em;
}
#dougateikyou h2:before{
content: "";
width: 5em;
height: 3em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat;
background-size: auto 100%;
position: absolute;
left: -1em;
bottom: 0;
}
#dougateikyou h2 span {
transform: rotate(-30deg);
display: inline-block;
margin-right: .4em;
color: #d80000;
margin-left: -.5em;
text-shadow: 0.05em 0.05em 0 white, 0.04em 0.1em 0 #002180;
}
#dougateikyou h2 span:before {
content: "";
background: yellow;
width: 4em;
height: 4em;
border-radius: 50%;
position: absolute;
left: -.2em;
bottom: -1em;
z-index: -1;
}
#dougateikyou1{
margin:2em 0 4em;
}
#dougateikyou2 li{
text-align: right;
margin-bottom:2em;
}
#dougateikyou2 li video{
width:100%;
}
#dougateikyou2 li small{
display: inline-block;
background: orange;
padding: .2em;
border-radius: .4em;
color: white;
} #mitsumori1{
margin-bottom:2em;
}
#mitsumori1 h2 {
padding-left: 2.6em;
font-weight: bold;
padding-top: 1em;
border-bottom: .4em solid #00008e;
}
#mitsumori1 h2:before{
content: "";
width: 5em;
height: 3em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat;
background-size: auto 100%;
position: absolute;
left: -1em;
bottom: 0;
}
#mitsumori1 h2 span{
transform: rotate(-30deg);
display: inline-block;
margin-right: .4em;
color: #d80000;
margin-left: -.5em;
text-shadow: 0.05em 0.05em 0 white, 0.04em 0.1em 0 #002180;
}
#mitsumori2 li:after{
content:"↓";
font-weight: bold;
color:red;
font-size:140%;
text-shadow: 1px 1px 0 red, 1px 0 0 red;
}
#mitsumori2 li:last-of-type:after{
content:none;
}
#mitsumori1 h2 span:before {
content: "";
background: yellow;
width: 4em;
height: 4em;
border-radius: 50%;
position: absolute;
left: -.2em;
bottom: -1em;
z-index: -1;
}
#mitsumori2 h3{
font-weight: bold;
border-left: 1em solid green;
border-bottom: 6px solid #ff7000;
font-size:140%;
}
#mitsumori2 li p{
font-weight: bold;
font-size:80%;
background: #001f5f;
color: white;
text-align: center;
line-height: 120%;
position: relative;
padding:.4em 0;
}
#mitsumori3 {
margin: 1em 0;
text-align: center;
}
#mitsumori3 a {
display: inline-block;
padding: 1em;
background: #940000;
color: white;
border-radius: .4em;
text-decoration: underline;
font-size:80%;
} #mieruka h1{
padding-bottom: .4em;
font-size: 160%;
}
#mieruka hr{
margin:3em 0;
}
#mieruka h2{
font-size:140%;
padding-left: 2.6em;
font-weight: bold;
padding-top:1em;
border-bottom: .4em solid #00008e;
}
#mieruka h2:before{
content:"";
width:5em;
height:3em;
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat;
background-size:auto 100%;
position:absolute;
left:-1em;
bottom:0;
}
#mieruka>article>div{
margin: 2em 0;
}
#mieruka2 ul{
margin-bottom:1em;
}
#mieruka2 li{
width:50%;
display:-ms-flexbox;display:-webkit-flex;display:flex;
align-items: center;
border:1px solid #ddd;
height: 6em;
overflow-y: hidden;
}
#mieruka2 li:nth-last-of-type(n+9){
border-top:none;
}
#mieruka2 li:nth-of-type(even){
border-right:none;
}
#mieruka2 li:nth-of-type(odd){
border-left:none;
}
#mieruka2 li:last-of-type{
margin-right:auto;
}
#mieruka2 li img{
}
#mieruka2 li p{
position:absolute;
right:1em;
bottom:1em;
transform:rotate(-10deg);
font-weight: bold;
padding:.4em;
text-shadow: -2px -2px 0 white,-2px 0 0 white,-2px 2px 0 white,0 -2px 0 white,0 2px 0 white,2px -2px 0 white,2px 0 0 white,2px 2px 0 white;
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/mieruka/koujili@2.png)center no-repeat;
background-size:cover;
}
#mieruka2 h3{
border-left:1em solid green;
border-bottom:.2em solid orange;
font-weight: bold;
padding-left:.4em;
}
#mieruka3 li:after {
content: "↓";
font-weight: bold;
color: red;
line-height:100%;
font-size: 200%;
text-shadow: 1px 1px 0 red, 1px 0 0 red;
}
#mieruka3 li:last-of-type:after{
content:none;
}
#mieruka3 h3{
font-weight: bold;
border-left: 1em solid green;
border-bottom: 6px solid #ff7000;
font-size: 140%;
line-height: 150%;
}
#mieruka3 li img:nth-of-type(2){
border-top:.2em solid orange;
}
#mieruka3 li p {
font-weight: bold;
background: #001f5f;
color: white;
text-align: center;
line-height: 130%;
position: relative;
padding: .4em 0;
font-size: 80%;
}
#mieruka3 li small{
font-size: 70%;
}
#mieruka6 ul{
border:1px solid red;
}
#mieruka6 li{
border:1px solid red;
}
#mieruka6 li>p:nth-of-type(1){
width:50%;
}
#mieruka6 li p:nth-of-type(2){
padding: .4em;
width:50%;
font-size:90%;
font-weight: bold;
text-shadow:-1px -1px 0 white,-1px 0 0 white,-1px 1px 0 white,0 -1px 0 white,0 1px 0 white,1px -1px 0 white,1px 0 0 white,1px 1px 0 white,0 0 2px white;
}
#mieruka6 li p>span{
display: block;
font-size:140%;
color: #a70000;
font-weight: bold;
}
#mieruka6 li p span span{
transform:rotate(30deg);
display: inline-block;
line-height: 120%;
}
#mieruka6>p{
background:red;
color:white;
text-align: center;
line-height:200%;
}
#mieruka6>p span{
background:yellow;
color:red;
padding:.4em;
margin-left:.4em;
font-weight: bold;
position: relative;
}
#mieruka6>p span:before,
#mieruka6>p span:after{
content:"";
width:90%;
position:absolute;
left:5%;
height:1px;
background:red;
}
#mieruka6>p span:before{
bottom:3px;
}
#mieruka6>p span:after{
bottom:5px;
} #satsuei1{
margin:2em 0 4em;
}
#satsuei1 p{
font-weight: bold;
background: linear-gradient(red 5%,white 5%,white 6%,red 6%,red 94%,white 94%,white 95%,red 95%);
color: white;
text-align: center;
line-height: 120%;
padding: .5em 0;
position: relative;
}
#satsuei h2{
border-bottom: 10px solid #003db1;
font-weight: bold;
margin-bottom: .4em;
font-size: 110%;
padding-left: 3em;
}
#satsuei h2:before{
content: "";
width: 5em;
height: 3em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat;
background-size: auto 100%;
position: absolute;
left: -1em;
bottom: 0;
}
#satsuei h2 span{
transform: rotate(-30deg);
display: inline-block;
margin-right: .4em;
color: #d80000;
margin-left: -.5em;
text-shadow: 0.05em 0.05em 0 white, 0.04em 0.1em 0 #002180;
}
#satsuei h2 span:before{
content: "";
background: yellow;
width: 4em;
height: 4em;
border-radius: 50%;
position: absolute;
left: -.2em;
bottom: -1em;
z-index: -1;
}
#satsuei3{
margin-bottom:4em;
}
#satsuei3 video{
width:100%;
}
#satsuei3 small{
text-align: right;
}
#satsuei3 small span{
display:inline-block;
background:orange;
color:white;
padding:0 .4em;
line-height:140%;
border-radius: .4em;
} #inquiry1 h2{
border-left: 1em solid green;
line-height: 200%;
border-bottom: 1px solid #ddd;
padding-left: 1em;
font-weight: bold;
}
#inquiry1 form>p{
margin-bottom:1em;
}
.wpcf7 table{
border-spacing:1px;
border-spacing:1px;
margin-bottom:2em;
width:100%;
}
.wpcf7 th,
.wpcf7 td{
font-weight:normal;
text-align: left;
position:relative;
display: block;
}
.wpcf7 th{
}
.wpcf7 td{
color:#777;
background:#fafafa;
margin-bottom:1em;
}
.wpcf7 tr:last-child th{
vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
border: 1px solid #777;
color:black;
padding:.5em;
width: calc(100% - 1em);
font-size: 90%;
}
.wpcf7 td textarea{
border: .3em solid #788a78;
box-sizing: border-box;
box-shadow: 0 0 0.2em #778978;
width:100%;
}
#freedays{
padding:.4em;
}
.wpcf7 td input[type=checkbox]{
width:auto;
margin-right:.4em;
}
.wpcf7 td label{
display:block;
}
#freedays .hissu{
position:absolute;
right: 2.2em;
top: 1em;
}
input[name="address1"],
input[name="address2"]{
width: 73.4% !important;
margin-bottom:.2em;
}
input[name="address3"]{
width: 70.4% !important;
margin-bottom:.2em;
}
input[name="your-postno"]{
width:22% !important;
margin-bottom:.2em;
}
.wpcf7 td .wpcf7-form-control-wrap{
width:100%;
}
.wpcf7 td span.wpcf7-form-control>span:not(:first-child) input[type=radio]{
margin:0 0 0 2em;
}
.wpcf7-response-output{
color:red;
text-align: center;
}
.hissu,
.ninni{
padding:.2em;
color:white;
font-size:80%;
margin-right:.4em;
}
.hissu{
background:red;
}
.ninni{
background:#aaa;
}
.schoolwpcf7 form>p{
text-align: center;
}
input[type=checkbox]{
cursor:pointer;
transform:scale(1.3);
}
input[type=radio]{
margin-right:.3em !important;
}
.wpcf7 input[type=submit]{
padding: 0.3em 7em;
cursor: pointer;
font-size:100%;
border-radius: 1em;
margin-top: 1em;
border: none;
color: white;
box-shadow: 0 0.7em 0.5em -0.5em grey;
background: -webkit-linear-gradient(skyblue, #1a75c3);
background: -o-linear-gradient(skyblue, #1a75c3);
background: linear-gradient(skyblue, #1a75c3);
}
.screen-reader-response{
color:red;
}
.screen-reader-response ul{
display:none !important;
}
.wpcf7-not-valid-tip{
display:inline-block;
color:red;
}
.wpcf7-validation-errors{
text-align: center;
color:red;
}
.wpcf7 label{
cursor:pointer;
}
.wpcf7 label:hover{
color:#a50000;
}
.privacy-policy a{
color: #aec300;
text-decoration: underline;
}
.screen-reader-response{
text-align: center;
}
#inquiry2{
margin-bottom:2em;
border: 3px dotted #6e7144;
}
#inquiry2>div{
text-align: center;
}
#inquiry2>div:nth-of-type(1){
width:26%;
padding:0;
}
#inquiry2>div:nth-of-type(2){
border-right:1px dotted #ccc;
width:74%;
font-size:140%;
}
#inquiry2>div:nth-of-type(3){
width:100%;
border-top:1px dotted #aaa;
}
#inquiry2>div:nth-of-type(3) p{
line-height: 120%;
font-size:200%;
}
#inquiry2>div:nth-of-type(3) small{
} #privacy1>section{
padding:2em 0;
border-top:1px solid #ddd;
}
#privacy1>p{
margin-bottom:2em;
}
#privacy h2{
margin-bottom:1em;
}
#privacy section p{
padding-left:1em;
} #sitemaps ul{
margin-top:4em;
}
#sitemaps li{
border-bottom:1px solid #ddd;
margin-bottom:1em;
}
#sitemaps li a{
display: block;
color:#444;
padding:1em 0 1em 2em;
}
#sitemaps li a:hover{
text-decoration: underline;
color:green;
background:#E7EECA;
}
#sitemaps1 li,
#sitemaps4 li{
width:49%;
}
#sitemaps2 li,
#sitemaps3 li{
width:32%;
}
#sitemaps li:before{
content: "◆";
position: absolute;
left: .4em;
top: 1em;
color: #039c87;
}
#sitemaps2 li:nth-of-type(1){
margin-right:68%;
}
#sitemaps2 li:nth-of-type(3n+2){
margin-left:3%;
} #company th,
#company td{
display:block;
}
#company th{
border-left:1em solid green;
border-bottom:1px dotted #aaa;
padding-left:.4em;
}
#company td{
margin-bottom:1em;
padding-left:1em;
}
#company1 tr:nth-last-of-type(2) td{
font-size:88%;
}
#company2,
#company3{
margin-top:1em;
}
#company h2{
line-height: 200%;
padding-left: .4em;
margin-bottom: 1em;
font-weight: bold;
background: #dadada;
}
#company3 iframe{
width:100%;
height:20em;
} #categorybody li{
margin-bottom:3em;
overflow: hidden;
box-shadow: 0 1em 2em -1em #aaa, 0 0 1em #ddd;
}
#categorybody li a{
text-decoration: none;
color:#555;
}
#categorybody .thumbnail{
height:100%;
align-self: center;
}
#categorybody .thumbnail p{
height:100%;
width:100%;
}
#categorybody .thumbnail img{
min-width:100%;
min-height:100%;
width:auto;
height:auto;
}
#categorybody .noimage{
line-height:10em;
background:#f1f1f1;
text-align: center;
color:#999;
}
#categorybody li article{
padding:.4em;
}
#categorybody .entry-header{
}
#categorybody a:hover .entry-header{
text-decoration: underline;
color:darkred;
}
#categorybody time{
margin-bottom:1em;
display:block;
font-size:80%;
}
.wp-pagenavi {
padding: 10px 20px 10px !important;
display:block !important;
clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
color:#333333 !important;
text-shadow:0px 1px #F6F6F6 !important;
padding:6px 9px 6px 9px !important;
border:solid 1px #B6B6B6 !important;
box-shadow:0px 1px #EFEFEF !important;
-moz-box-shadow:0px 1px #EFEFEF !important;
-webkit-box-shadow:0px 1px #EFEFEF !important;
background:#E6E6E6 !important;
background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
margin-right:3px !important;
text-decoration:none !important;
}	
.wp-pagenavi a:hover {
color:#fff !important;
text-shadow:0px 1px #B72E2E !important;
border-color:#AD2D2D !important;
background:#E43838 !important;
background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;
color:#FFFFFF !important;
box-shadow:0px 1px #E7E7E7 !important;
-moz-box-shadow:0px 1px #E7E7E7 !important;
-webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current{
padding:6px 9px 6px 9px !important;
border:solid 1px #DCDCDC !important;
color:#fff !important;
box-shadow:0px 1px #E7E7E7 !important;
-moz-box-shadow:0px 1px #E7E7E7 !important;
-webkit-box-shadow:0px 1px #E7E7E7 !important;
margin-right:3px !important;
text-shadow:0px 1px #B72E2E !important;
border-color:#AD2D2D !important;
background:#E43838 !important;
background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;
}
#comingsoon{
font-size: 200%;
color: #ddd;
line-height: 300%;
} #single{
}
#singleheader>p{
background:-webkit-linear-gradient(44deg, #ff9900 70%, white 70%);
background:-o-linear-gradient(44deg, #ff9900 70%, white 70%);
background:linear-gradient(134deg, #ff9900 70%, white 70%);
padding: .2em;
color: white;
}
#single .entry-header{
margin-bottom: 3em;
}
#single .entry-title{
margin-top:.5em;
}
#single time{
font-size:80%;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
#singlebody footer{
margin-top:6em;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
#single img[class*="wp-image-"],
#single img[class*="attachment-"]{
display:inline;
max-width: 100%;
width:auto;
height: auto;
}
.clearfix {
overflow: hidden;
zoom: 1;
}
.clearfix:after {
content: ""
display: block;
clear: both;
}
#single footer{
border-top:1px solid #ddd;
text-align: right;
}
#single footer p>span{
margin-right:1em;
}
#single #tub ul{
margin:.4em 0;
}
#single #tub li{
margin-right:.6em;
}
#single #tub a{
display: inline-block;
border-radius: .2em;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#single #tub ul:nth-of-type(1) a{
background: black url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/folder.png)left .3em center no-repeat;
background-size: auto 50%;
padding: .2em .4em .2em 2em;
color: white;
}
#single #tub ul:nth-of-type(2) a{
background: white url(//s-drone-s.com/wp-content/themes/japan47-saitama/css/images/share/sharp.png)left .3em center no-repeat;
background-size: auto 50%;
border:.1em solid #555;
padding: .1em .4em .1em 1.5em;
color:#333;
}
#single #tub ul:nth-of-type(1) a:hover{
background: #bf0000 url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/folder.png)left .3em center no-repeat;
background-size: auto 50%;
}
#single #tub ul:nth-of-type(2) a:hover{
background: #bf0000 url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/sharp_white.png)left .3em center no-repeat;
background-size: auto 50%;
color:white;
border:.1em solid #bf0000;
}
#prenext li{
}
.naviright{
text-align: right;
border-top:1px dotted #ddd;
}
#prenext li a{
display:block;
padding:.7em 3em;
color:black;
}
#prenext li a:hover{
animation:name 1s forwards;
color:white;
}
@-webkit-keyframes name{30%{color:white;}100%{background:#DB5153;color:white;}}
@-moz-keyframes name{30%{color:white;}100%{background:#DB5153;color:white;}}
@keyframes name{30%{color:white;}100%{background:#DB5153;color:white;}}
#prenext li a:before{
position:absolute;
top:.5em;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
.navileft a:before{
content:"<<";
left:1em;
}
.navileft a:hover:before{
left:.5em;
}
.naviright a:before{
content:">>";
right:1em;
}
.naviright a:hover:before{
right:.5em;
}
#reply-title {
font-weight: bold;
margin: 0;
padding: 0.5em 0;
}
.comment-respond .comment-notes {
margin-bottom: 1.5em;
color:#3e3e3e;
}
.comment-respond p {
}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
#comments{
margin-top:4em;
}
#comment{
padding: 2%;
width: 100%;
border: 2px solid #e3e3e3;
}
.comment-body{
border:1px solid #ddd;
padding:1em;
margin:1em 0;
}
.comment-body a{
color:darkred;
text-decoration: underline;
}
.comment-author{
display:-ms-flexbox;display:-webkit-flex;display:flex;
margin-bottom: 1em;
}
.comment-author img{
height:100% !important;
width:auto !important;
}
.reply{
margin-top:1em;
}
.comment-reply-link{
display:inline-block;
padding:.4em 1em;
border-radius: .2em;
background:darkred;
color:white !important;
}
#respond .logged-in-as{
margin-bottom:2em;
}
#respond .logged-in-as a{
color:black;
text-decoration: underline;
}
#respond p img{
width:auto;
}
#single input[type="text"], #single input[type="password"], #single input[type="datetime"], #single input[type="datetime-local"], #single input[type="date"], #single input[type="month"], #single input[type="time"], #single input[type="week"], #single input[type="number"], #single input[type="email"], #single input[type="url"], #single input[type="search"], #single input[type="tel"], #single input[type="color"], #single select, #single textarea, #single .field {
padding: 2% 3%;
max-width: 96%;
max-width: 100%\9;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
}
#single input[type="text"],#single input[type="password"],#single input[type="datetime"],#single input[type="datetime-local"],#single input[type="date"],#single input[type="month"],#single input[type="time"],#single input[type="week"],#single input[type="number"],#single input[type="email"],#single input[type="url"],#single input[type="search"],#single input[type="tel"],#single input[type="color"],#single select,#single textarea,#single .field {
background-color: #ffffff;
}
#singleinput[type="text"],#single input[type="password"],#single input[type="datetime"],#single input[type="datetime-local"],#single input[type="date"],#single input[type="month"],#single input[type="time"],#single input[type="week"],#single input[type="number"],#single input[type="email"],#single input[type="url"],#single input[type="search"],#single input[type="tel"],#single input[type="color"],#single select,#single textarea,#single .field {
display: block;
padding: 2% 3%;
margin-bottom: 14px;
color: #666;
border: 3px solid rgba(51, 51, 51, 0.1);
border-radius: 1px;
vertical-align: middle;
background-color: #FFFFFF;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
#single input[type="submit"]{
padding: 1em 3em;
display: block;
border: none;
color: white;
background: black;
border-radius: .3em;
margin: 3em auto;
}
#single input[type="submit"]:hover{
animation:singlesubmit .4s forwards;
}
@-webkit-keyframes singlesubmit{100%{background:#AB080B;}}
@-moz-keyframes singlesubmit{100%{background:#AB080B;}}
@keyframes singlesubmit{100%{background:#AB080B;}}
.popular-wrapper{
margin-top:3em;
}
.wpp-category{
position: absolute;
left:0;
top:0;
padding:.1em 1em;
background:rgba(123, 234, 0, 0.78);
}
.wpp-category a{
color:white !important;
}
.wpp-category a:hover{
color:black !important;
}
.popular-title{
color:#555;
}
.popular-title span{
margin-right:1em;
font-weight: bold;
}
.wpp-list{
margin-top:2em;
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
}
.wpp-list li{
width:32%;
margin-right:2%;
}
.wpp-list li:nth-of-type(4n+4){
margin-right:0;
}
.wpp-list li:last-of-type{
margin-right:auto;
}
.wpp-post-title{
display: block;
}
.wpp-list a{
color:#333;
}
.wpp-list a:hover{
text-decoration: underline;
color:skyblue;
}
.wpp-list img:hover{
opacity:.8;
}
.wpp-date{
display:block;
position: absolute;
top: 16em;
left: 0;
}
.postcont h2{
font-weight: bold;
font-size: 140%;
background: black;
color: white;
padding: .4em;
margin-bottom: 1em;
line-height:150%;
}
.postcont h3{
font-size: 140%;
line-height: 150%;
font-weight: bold;
color: #a20000;
margin-bottom: 1em;
border-left: 1.4em groove #ddd;
padding-left: 1em;
border-right: 1.4em ridge #ddd;
}
.postcont iframe{
margin:1em auto;
} .red{font-weight: bold !important;color:red !important;}
.blue{font-weight: bold !important;color:#0f50a0 !important;}
.skyblue{color:#00b4ff !important;}
.yellow{font-weight: bold !important;color:yellow !important;}
.white{font-weight: bold !important;color:white !important;}
.bold{font-weight: bold !important;}
.italic{font-style:italic !important;}
.mdn{display:none !important;}
.noborder{border:none !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifyaround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.m_justifyc{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}