@charset "UTF-8";
@charset "UTF-8";



*{
margin:0;
padding:0;
}
html{
}
body{
font-size:1.10vw;
line-height:150%;
font-weight:300;
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/bodyback1.png)center no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/bodyback.png);
background-color:#fffdfa;
background-attachment: fixed;
background-size:cover,auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
opacity: 0;
} _::content, _:future, body { 
font-size:1.14vw;
} @-moz-document url-prefix() {
body {
font-size:1.10vw;
}
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
font-weight:300;
line-height: 150%;
}
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;
}
p{
}
a{
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
iframe{
border:none;
width:100%;
}
table{
border-collapse:separate;
background:#ddd;
border-spacing: 1px;
width:100%;
}
th,td{
font-weight:normal;
vertical-align: top;
padding:.5em;
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;
padding-bottom: .5em;
}
#mainheader a{
color:white;
}
#mainheader>div{
min-width:760px;
width:80%;
margin:0 auto;
}
#head-l{
width:15%;
}
#head-r{
width: 75%;
padding: 0 0 1em 1em;
align-self: flex-end;
}
#head-ru{
width: 100%;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/headlogo@2.png)left 43% top no-repeat;
background-size: auto 115%;
}
#head-ru1{
width: 63%;
font-size: 180%;
align-self: flex-end;
font-weight: bold;
}
#head-ru1 p{
line-height: 120%;
}
#head-ru1 p span{
font-size:50%;
font-weight: normal;
line-height: 100%;
display: inline-block;
}
#head-ru2{
width: 30%;
align-self: center;
margin-top: .2em;
}
#head-ru2 p:nth-of-type(1){
font-size: 140%;
letter-spacing: 1px;
}
#head-ru2 p:nth-of-type(2){
font-size: 70%;
line-height: 100%;
}
#head-ru2 p:nth-of-type(1) span{
font-size:70%;
margin-right:1em;
}
#head-ru3{
width:7%;
}
#head-rd{
border-top:1px solid #bbb;
}
#head-rd>nav>ul{
margin-left:auto;
}
#head-rd>nav>ul>li{
font-size: 80%;
text-align: center;
padding: 0 1em;
}
#head-rd>nav>ul>li:last-of-type{
padding-right:0;
}
#head-rd>nav>ul>li a{
display: block;
padding:.4em 1em;
color:#e1e1e1;
}
#head-rd>nav>ul>li a:before{
position:absolute;
bottom:-1em;
left:0;
width:100%;
text-align: center;
font-size:80%;
}
#headnav1 a:before{
content:"Top"
}
#headnav2 a:before{
content:"Information"
}
#headnav3 a:before{
content:"Report";
}
#headnav4 a:before{
content:"Service"
}
#headnav5 a:before{
content:"Media"
}
#headnav6 a:before{
content:"company"
}
#headnav7 a:before{
content:"Contact"
}
#servicenav{
background:#ab0000;
width:100%;
}
#servicenav div{
min-width:760px;
width:80%;
margin:0 auto;
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:"▶ ";
}
#header-e{
width:10%;
padding:0 1%;
} #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{
min-width: 680px;
width: 70%;
margin: 0 auto;
padding: 1em 0;
}
#footer-l{
width:40%;
}
#footer-l p:nth-of-type(1){
font-weight: bold;
font-size: 120%;
}
#footer-r{
width:45%;
font-size:90%;
}
#copyright{
background:white;
color:black;
text-align: right;
} #wrap{
min-width:760px;
width:80%;
margin:0 auto;
} #breadcrumb{
min-width: 760px;
width: 80%;
margin: 1em auto;
padding: 1em;
border-top: 3px double #aaa;
border-bottom: 3px double #aaa;
background:white;
}
#breadcrumb a{
color:#555;
} .pagewrap{
}
.pagearticle{
width:73%;
padding:2em;
background:rgba(255,255,255,.7);
}
.pagearticle header h1{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/pagearticleh1.png);
font-weight: bold;
font-size: 200%;
border-left: .4em solid red;
border-right:.4em solid red;
padding: .4em;
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;
border-radius: 2em;
}
.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;
font-size: 220%;
}
.pagearticle header h1 span span{
transform: rotate(30deg);
display: inline-block;
}
.pagesidebar{
width:25%;
}
.pagesidebar img:hover{
opacity:.7;
}
.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);
}
#front>div{
margin:3em auto;
}
#front1{
margin-top:0 !important;
padding-top:2em;
}
#front1 h2{
background: -webkit-linear-gradient(#101b58, #000056, #000000);
background: -o-linear-gradient(#101b58, #000056, #000000);
background: linear-gradient(#101b58, #000056, #000000);
font-size: 240%;
text-align: center;
color: white;
line-height: 200%;
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{
position: absolute;
bottom: 2em;
left: 1em;
font-size: 150%;
display: block;
padding: 1em;
background: rgba(162, 34, 87, 0.8);
color: white;
text-decoration: underline;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#front2 h2{
font-size: 200%;
font-weight: bold;
margin-bottom: 1.4em;
}
#front2 h2 span:nth-of-type(1){
transform: rotate(-30deg);
display: inline-block;
font-size: 200%;
margin-right: .4em;
color: #d80000;
text-shadow: 0.05em 0.05em 0 white;
}
@-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.5em;
height: 3.5em;
border-radius: 50%;
position: absolute;
left: -.5em;
bottom: -1.5em;
z-index: -1;
border: .1em solid orange;
}
.front2h2span:before{
animation:dtpimg 1s forwards;
}
#front2 h2 span:nth-of-type(n+2){
font-size:140%;
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{
width:33.33%;
}
#front2 li h3{
font-weight: bold;
font-size: 140%;
color: #2f9200;
border-top: .7em solid #002680;
background: white;
}
#front2 li h3 span{
background: red;
font-size: 160%;
color: white;
padding: .2em;
border-left: .4em solid sandybrown;
}
#front2>p{
font-size: 260%;
text-align: center;
font-weight: bold;
color: white;
background: linear-gradient(44deg,transparent 10%,red 10%,red 60%,transparent 60%),linear-gradient(134deg,transparent 40%,red 40%,red 90%,transparent 90%);
line-height: 120%;
width: 70%;
margin: -.4em auto 0;
z-index: 1;
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-size:140%;
font-weight: bold;
border-bottom:3px double black;
}
#front3 h2{
background: -webkit-linear-gradient(#713f00, #ffd400, #754c01);
background: -o-linear-gradient(#713f00, #ffd400, #754c01);
background: linear-gradient(#713f00, #ffd400, #754c01);
font-size: 240%;
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:25%;
border:1px solid #ddd;
background:white;
margin-bottom:1em;
padding-bottom:3em;
}
#front3 li a:hover{
text-decoration: none;
}
#front3 li a div h2{
line-height:200%;
font-size:120%;
border-bottom:1px solid #ddd;
}
#front3 li>a>div:nth-of-type(1) p{
position: absolute;
right: .2em;
top: 2.4em;
font-size: 140%;
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;
}
#front3 li>a>div:nth-of-type(2){
padding:.4em;
}
#front3 li>a>div:nth-of-type(3){
text-align: center;
right: .4em;
bottom: 1em;
position: absolute;
width: 100%;
}
#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;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#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-size: 140%;
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;
}
#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-size: 160%;
font-weight: bold;
}
#front4 div p{
text-align: center;
color: red;
font-weight: bold;
}
#front4>p{
text-align: right;
padding-right: 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>p span:hover {
color: green;
text-decoration: underline;
box-shadow: 0 1px 2px #ddd;
}
#front4 li{
width: 19%;
padding: .3em 0;
border-bottom: 3px 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{
width: 14%;
background: #0292ca;
color: white;
padding-left: .2em;
box-sizing: border-box;
}
#front5 li{
border-bottom: 1px solid #ddd;
}
#front5 li:last-of-type{
border-bottom:none;
}
#front5 li p{
width:86%;
padding-left:.4em;
}
#front6{
margin:-1em auto 0 !important;
padding-bottom:3em;
}
#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{
width:49%;
width:100%;
}
#front6>div>div>div>ul>li{
border: 1px solid #e8e8e8;
width:100%;
padding:1em 1em 3em 0;
}
#front6>div>div>div>ul>li.comingsoon{
font-size: 300%;
line-height: 200%;
text-align: center;
color: #ddd;
background: white;
}
#front6>div>div>div>ul>li>a>div{
width:30%;
min-height: 6em;
padding-left:.2em;
}
#front6>div>div>h2{
line-height: 300%;
font-size:300%;
font-weight: bold;
padding-left:4em;
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/share/mierukun.png)left center no-repeat,url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/front/media@2.jpg)center no-repeat;
background-size:auto 100%,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 .nothumbnail{
box-shadow:0 0 3em #ddd inset;
color:#999;
}
#front6 li>a>article{
width: 70%;
padding-left: .3em;
}
#front6 li article time{
font-size:70%;
}
#front6 li article .postcont{
font-size:80%;
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;
}
#ftag{
position: absolute;
left: 31%;
bottom: 5%;
text-align: right;
}
#ftag li{
background: #eee !important;
padding: 0 .6em !important;
display: inline-block;
border-radius: .2em;
}
#front6 li article img,
#front6 li article video,
#front6 li article iframe,
#front6 li article a{
display: none;
}
#front6 .entry-title{
font-size:140%;
font-weight: bold;
margin:1em 0;
} #japan47-1{
margin-bottom:3em;
}
#japan47-1>p:nth-of-type(1){
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/japan47/youtube@2_on.jpg)center no-repeat;
background-size:cover;
}
#japan47-1>p:nth-of-type(1) img:hover{
opacity: 0;
}
#japan47-2 li{
width:32%;
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;
font-size:120%;
}
#japan47-3{
margin-bottom:2em;
} #service1{
margin-bottom:3em;
}
#service1>div:nth-of-type(1){
margin-bottom:1em;
}
#service1>div:nth-of-type(1)>div:nth-of-type(1){
width: 35%;
font-size: 140%;
text-align: right;
padding: .6em 1em;
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/backborder@2.png)center bottom no-repeat;
background-size: 100% 40%;
}
#service1>div:nth-of-type(1)>div:nth-of-type(1) span{
font-size: 240%;
line-height: 140%;
color: #4b9400;
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, 1px 2px 0 black, 0 0 3px #ff7000;
}
#service1>div:nth-of-type(1) li{
font-size:126%;
font-weight: bold;
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){
width:65%;
}
#service1>div:nth-of-type(2) li{
width:33.33%;
}
#service1>div:nth-of-type(2)>p{
font-size: 140%;
font-weight: bold;
text-align: center;
position: absolute;
width: 100%;
bottom: -1.2em;
left: 0;
background: rgba(255,255,255,.6);
padding: .4em 0;
}
#service1>p{
font-size: 200%;
text-align: center;
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 1em 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 80%,cover,cover;
color: white;
padding: .5em 0;
margin-bottom: 1em;
text-shadow: -1px -1px 0 #3900ff;
}
#service1>p: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: 14%;
height: 5em;
position: absolute;
left: 0;
bottom: 6em;
}
#service1>p span{
font-size:80%;
margin-right:.2em;
}
#service1>div:nth-of-type(3) li{
width:32%;
}
#service2 ul{
border:1px solid #bbb;
border-bottom:none;
}
#service2 li{
width:50%;
border-bottom: 1px solid #bbb;
}
#service2 li:nth-of-type(even){
border-left:1px solid #bbb;
}
#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, #dcc240);
background:-o-linear-gradient(#ffffff, #dcc240);
background:linear-gradient(#ffffff, #dcc240);
}
#service2 li a:hover{
color:#522d0a;
}
#service2 li>p:nth-of-type(1){
position: absolute;
right: .2em;
top: 2.4em;
font-size: 200%;
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;
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;
}
#service2 li>p:nth-of-type(1) span span{
transform: rotate(30deg);
display: inline-block;
}
#service2 li:nth-of-type(n+5)>p:nth-of-type(1)>span{
font-size:100%;
text-shadow: -1px -1px 0 yellow, -1px 0 0 yellow, -1px 1px 0 yellow, 0 -1px 0 yellow, 0 1px 0 yellow, 1px -1px 0 yellow, 1px 0 0 yellow, 1px 1px 0 yellow;
}
#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;
}
#service2>p{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/inquiry@2_on.jpg)center no-repeat;
background-size:cover;
}
#service2>p img{
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#service2>p img:hover{
opacity:0;
} #member1>div{
margin-bottom:3em;
}
#member1 h2{
margin-bottom:1em;
}
#member1 h2:before{
content:"■ ";
color:green;
}
#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:5%;
}
#member1 th:nth-of-type(2){
width:30%;
}
#member1 th:nth-of-type(3){
width:25%;
}
#menber1 th:nth-of-type(4){
width:40%;
}
#member1 td:nth-of-type(1){
background:#f1f1f1;
}
#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;
} #tenken>article>div{
margin-bottom:2em;
}
#tenken h2{
border-bottom: 10px solid #003db1;
font-weight: bold;
font-size: 200%;
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/tenken/h2@2.png)left center no-repeat;
background-size:auto 100%;
padding-left:2.5em;
}
#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{
font-size:180%;
}
#tenken3 h2 span{
font-size:175%;
}
#tenken table{
width:100%;
margin-bottom:1em;
}
#tenken th{
width:8%;
}
#tenken table tr:nth-of-type(1) td{
width:90%;
}
#tenken table tr:nth-of-type(n+2) td:nth-of-type(1){
width:22%;
}
#tenken table tr:nth-of-type(n+2) td:nth-of-type(2){
width:70%;
}
#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;
} #dougateikyou h2{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-webkit-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-o-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,linear-gradient(to right, skyblue, transparent 10%);
background-size: auto 100%;
font-size: 230%;
padding-left: 2em;
font-weight: bold;
border-bottom: .2em solid #00008e;
}
#dougateikyou h2 span {
transform: rotate(-30deg);
display: inline-block;
margin-right: .4em;
color: #d80000;
margin-left: -.5em;
font-size: 70%;
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-bottom:4em;
}
#dougateikyou2 li{
width:49%;
text-align: right;
}
#dougateikyou2 li video{
width:100%;
height:20em;
}
#dougateikyou2 li small{
display: inline-block;
background: orange;
padding: .2em;
border-radius: .4em;
color: white;
} #mitsumori1{
margin-bottom:2em;
}
#mitsumori h2 {
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-webkit-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-o-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,linear-gradient(to right, skyblue, transparent 10%);
background-size: auto 100%;
font-size: 230%;
padding-left: 2em;
font-weight: bold;
border-bottom: .2em solid #00008e;
}
#mitsumori2 li{
margin-bottom:1em;
}
#mitsumori2 li:after{
content:"↓";
font-weight: bold;
font-size:300%;
color:red;
text-shadow: 1px 1px 0 red, 1px 0 0 red;
}
#mitsumori2 li:last-of-type:after{
content:none;
}
#mitsumori 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-size: 200%;
font-weight: bold;
border-left: 1em solid green;
border-bottom: 6px solid #ff7000;
}
#mitsumori2 li p{
font-weight: bold;
background: #001f5f;
color: white;
text-align: center;
line-height: 120%;
font-size: 140%;
position: relative;
padding:.4em 0;
}
#mitsumori3{
margin:5em 0;
text-align: center;
}
#mitsumori3 a{
display: inline-block;
padding: 1em;
background: #940000;
color: white;
border-radius: .4em;
text-decoration: underline;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#mitsumori3 a:hover{
background:#439400;
} #mieruka hr{
margin:3em 0;
}
#mieruka h2{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-webkit-linear-gradient(left, skyblue, transparent 10%);
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-o-linear-gradient(left, skyblue, transparent 10%);
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,linear-gradient(to right, skyblue, transparent 10%);
background-size:auto 100%;
font-size:300%;
padding-left:2em;
font-weight: bold;
border-bottom: .2em solid #00008e;
}
#mieruka>article>div{
margin-bottom:2em;
}
#mieruka2 ul{
margin-bottom:1em;
}
#mieruka2 li{
width:25%;
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+7){
border-top: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-size:200%;
font-weight: bold;
padding-left:.4em;
}
#mieruka3 li {
margin-bottom: 1em;
}
#mieruka3 li:after {
content: "↓";
font-weight: bold;
font-size: 300%;
color: red;
line-height:100%;
text-shadow: 1px 1px 0 red, 1px 0 0 red;
}
#mieruka3 li:last-of-type:after{
content:none;
}
#mieruka3 h3{
font-size: 200%;
font-weight: bold;
border-left: 1em solid green;
border-bottom: 6px solid #ff7000;
}
#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: 100%;
font-size: 140%;
position: relative;
padding: .4em 0;
}
#mieruka4{
background:url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/mieruka/serviceinquiry@2.jpg)center no-repeat;
background-size:cover;
}
#mieruka4 img{
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#mieruka4 img:hover{
opacity: 0;
}
#mieruka6 ul{
border:1px solid red;
}
#mieruka6 li{
width:33.33%;
border:1px solid red;
}
#mieruka6 li p:nth-of-type(2){
padding: .4em;
font-weight: bold;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
background: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - (4px + .4em));
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:200%;
color: #a70000;;
}
#mieruka6 li p span span{
transform:rotate(30deg);
display: inline-block;
line-height: 120%;
}
#mieruka6>p{
background:red;
color:white;
text-align: center;
font-size:120%;
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-bottom: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;
font-size: 140%;
position: relative;
}
#satsuei1 p:before,
#satsuei1 p:after{
content: "";
border: 1.6em solid transparent;
position: absolute;
top: 0;
}
#satsuei1 p:before{
left: 0;
border-left: 1em solid white;
}
#satsuei1 p:after{
right: 0;
border-right: 1em solid white;
}
#satsuei h2{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-webkit-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,-o-linear-gradient(left, skyblue, transparent 10%);
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/share/mierukun.png)left center no-repeat,linear-gradient(to right, skyblue, transparent 10%);
background-size: auto 100%;
font-size: 230%;
padding-left: 2em;
font-weight: bold;
border-bottom: .2em solid #00008e;
}
#satsuei2 p{
background: url(//s-drone-s.com/wp-content/themes/japan47-saitama/images/service/inquiry@2_on.jpg)center no-repeat;
background-size: cover;
}
#satsuei2 p img{
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#satsuei2 p img:hover{
opacity:0;
}
#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;
font-size: 120%;
line-height: 200%;
border-bottom: 1px solid #ddd;
padding-left: 1em;
margin-top: 4em;
font-weight: bold;
}
#inquiry1 form>p{
margin-bottom:1em;
font-size:90%;
}
.wpcf7 table{
border-spacing:1px;
border-spacing:1px;
margin-bottom:2em;
}
.wpcf7 th,
.wpcf7 td{
font-weight:normal;
text-align: left;
position:relative;
padding:.5em;
}
.wpcf7 th{
width:30%;
vertical-align: top;
background:#f1f1f1;
}
.wpcf7 td{
width:70%;
padding-left:.5em;
color:#777;
background:#fafafa;
}
.wpcf7 tr:last-child th{
vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
font-size:90%;
border:none;
color:black;
padding:.5em;
width: calc(100% - 1em);
}
.wpcf7 td textarea{
border: .3em solid #788a78;
box-sizing: border-box;
box-shadow: 0 0 0.2em #778978;
}
#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;
font-size:90%;
}
.wpcf7-response-output{
color:red;
text-align: center;
}
.hissu,
.ninni{
font-size:80%;
padding:.2em;
color:white;
margin-left:.5em;
}
.hissu{
background:red;
margin-right:1em;
}
.ninni{
background:#aaa;
margin-right:1em;
}
.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]{
font-size: 150%;
padding: 0.3em 7em;
cursor: pointer;
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);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}
.wpcf7 input[type=submit]:hover{
box-shadow: 0 .1em 0.5em grey;
}
.screen-reader-response{
color:red;
}
.screen-reader-response ul{
display:none !important;
}
.wpcf7-not-valid-tip{
display:inline-block;
font-size:90%;
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;
font-size:150%;
}
#inquiry2>div:nth-of-type(1){
width:24%;
padding:0;
}
#inquiry2>div:nth-of-type(2){
border-right:1px dotted #ccc;
width:33%;
height:4em;
}
#inquiry2>div:nth-of-type(3){
width:43%;
}
#inquiry2>div:nth-of-type(3) p{
font-size:160%;
line-height: 120%;
}
#inquiry2>div:nth-of-type(3) small{
font-size:70%;
} #privacy1>section{
padding:2em 0;
border-top:1px solid #ddd;
}
#privacy1>p{
margin-bottom:2em;
}
#privacy h2{
font-size:120%;
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{
width: 20%;
background: #f1f1f1;
}
#company td{
width:80%;
}
#company2,
#company3{
margin-top:5em;
}
#company h2{
border-left:1em solid green;
border-bottom:1px solid green;
line-height:200%;
font-size:120%;
padding-left:.4em;
margin-bottom:1em;
}
#company3 iframe{
width:100%;
height:20em;
} #categorybody li{
margin-bottom:3em;
height: 14em;
overflow: hidden;
box-shadow: 0 1em 2em -1em #aaa, 0 0 1em #ddd;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#categorybody li:hover{
box-shadow:0 .3em 1em #ddd;
}
#categorybody li:before{
content:"";
height:0;
width:100%;
background:#fafafa;
position:absolute;
left:0;
top:50%;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#categorybody li:hover:before{
top:0;
height:100%;
}
#categorybody li a{
text-decoration: none;
color:#555;
}
#categorybody .thumbnail{
width:30%;
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:14em;
background:#f1f1f1;
text-align: center;
color:#999;
}
#categorybody li article{
width:70%;
padding:1em;
height:14em;
}
#categorybody .entry-header{
font-size: 140%;
}
#categorybody a:hover .entry-header{
text-decoration: underline;
color:darkred;
}
#categorybody time{
font-size:80%;
margin-bottom:1em;
display:block;
}
.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;
font-size:12px !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:600%;
color:#ddd;
line-height:300%;
} #single{
}
#singleheader>p{
background: -webkit-linear-gradient(-44deg, #ff9900 40%, white 40%);
background: -o-linear-gradient(-44deg, #ff9900 40%, white 40%);
background: linear-gradient(134deg, #ff9900 40%, white 40%);
padding: .2em;
color: white;
}
#single .entry-header{
margin-bottom: 3em;
}
#single .entry-title{
margin-top:.5em;
}
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;
font-size:90%;
}
#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;
font-size:80%;
-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-size: 130%;
font-weight: bold;
margin: 0;
padding: 0.5em 0;
}
.comment-respond .comment-notes {
margin-bottom: 1.5em;
color:#3e3e3e;
}
.comment-respond p {
font-size: .85em;
}
.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;
font-size: 1em;
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;
font-size: 100%;
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;
font-size:70%;
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{
font-size:130%;
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:22%;
margin-right:4%;
}
.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;
font-size:70%;
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;}
.ddn{display:none !important;}
.noborder{border:none !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemcenter{align-items: center;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifyc{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}