html, body { height: 100%; }html, body { height: 100%; }
body {
margin: 0 auto;
text-align: center;
font-family:  'Fira Sans', sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN", MS Gothic, futura, myriad pro, arial, movement, helvetica, sans-serif;
color: #231815;
font-size: 1.0rem;
line-height: 160%; 
padding:0px;
word-wrap: break-word ; 
-webkit-text-size-adjust: 100%;
}
body#general {
background: #ffee21;
}
body#members {
background:#E88814;
}
body#apply {
padding-top: 95px;
background: #ffee21;
}
dl,dt,dd,ul,li {
margin:0px;
padding: 0px;
}
img {
border: 0px;
vertical-align:bottom;
}
ol,ul{list-style:none;}
small {
line-height: 140%; 
}
a {
color: #231815;
text-decoration:underline;
padding:0;
margin:0;
}
a:hover {
color: #999;
text-decoration:underline;
padding:0;
margin:0;
-moz-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
}
a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}
#border {
width: 100%;
border-top: 7px solid #A5D393;
position: fixed;
z-index: 10000;
pointer-events: none;
}
.clear {
clear: both;
}
.space {
height: 40px;
clear: both;
display: block;
}
.line {
padding:0;
margin:0;
border-top:1px solid #000;
} #header {
width: 100%;
height: 75px;
padding: 0px 0px 0px 0px;
z-index: 10000;
position: relative;
background-color: #000;
}
#members #header {
background-color: #0E4C6A;
}
#top-menu #header {
position: fixed;
top: 0px;
left: 0;
}
.sticky {
position: -webkit-sticky; 
position: sticky;
top: 0px;
left: 0;
z-index: 10000000; 
transform: translate3d(0px,0px,10px)!important;
-webkit-transform: translate3d(0px, 0px, 10px)!important;
}
.sticky #header {
margin: -75px 0 0 0;
}
#header img{
height: 45px;
}
.sns-img {
position: absolute;
top: 10px;
right: 10px;
}
.sp-sns-img{
display: none;
}
#header .sns-img img{
height: 25px;
}
#header .sp-sns-img img{
height: 25px;
}
#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,#menu07 a,#menu08 a{
display:block;
background: none;
color:#A5D393;
padding: 20px 0px 20px 0px;
border-bottom:1px solid #fff;
}
#menu01 a:hover,#menu02 a:hover,#menu03 a:hover,#menu04 a:hover,#menu05 a:hover,#menu06 a:hover,#menu07 a:hover,#menu08 a:hover{
color:#A5D393;
}	
#general h1{
position: absolute;
width: 400px;
height: 28px;
background: url(//owada-rainbow.com/wp/images/logo.png) no-repeat;
background-size: 400px 28px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 5px;
left: calc(50% - 200px)  !important;
left: -webkit-calc(50% - 200px)  !important;
padding:0;
margin:0;
}
#members h1{
position: absolute;
width: 400px;
height: 28px;
background: url(//owada-rainbow.com/wp/images/members/logo.png) no-repeat;
background-size: 400px 28px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 5px;
left: calc(50% - 200px)  !important;
left: -webkit-calc(50% - 200px)  !important;
padding:0;
margin:0;
}
#menu{
position: absolute;
top: 50px;
right: 50px;
z-index: 100;
color: #595757;
}
h2{
font-size: 150%; 
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h2 span{
color: #A5D393;
}
h3{
font-size: 140%; 
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h3.en{
font-size: 160%; 
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h3 img{
text-align:center;
padding: 0px;
margin: 20px 0px 20px 0px;
max-width:100%;
height: auto;
}
h3.g-list{
font-size: 150%; 
line-height: 130%;
text-align:center;
padding: 20px 0px 20px 0px;
margin: 0px;
}
h3.pick img{
width: auto;
height: 30px;
margin: 0px 0px 0px 0px;
}
h4{
font-size: 130%; 
color: #A5D393;
text-align:left;
padding: 0px;
margin: 10px 0px 10px 0px;
font-weight: normal;
}
h4.black{
font-size: 100%; 
color: #fff;
background: #000;
text-align:center;
padding: 3px 0px 3px 0px;
margin: 0px 0px 15px 0px;
}
h4 a, .contents-box h4 a{
color: #A5D393;
text-decoration: underline;
}
h4 a:hover, .contents-box h4 a:hover{
color: #ccc;
text-decoration: underline;
}
h5{
font-size: 110%; 
line-height: 130%;
text-align:left;
padding: 0px;
margin: 0px;
font-weight: bold;
}
.font-g-12px{
font-size: 12px;
line-height:140%;
color: #333333;
font-weight: bold;
}
.font-w-12px{
font-size: 12px;
line-height:140%;
color: #ffffff;
}
.font-w-14px{
font-size: 14px;
line-height:140%;
color: #ffffff;
}
.font-g-14px{
font-size: 14px;
line-height:140%;
color: #333333;
}
.font-g-16px{
font-size: 16px;
line-height:140%;
color:#333333;
font-weight: bold;
}
.font-b-16px{
font-size: 16px;
line-height:140%;
color:#00877D;
font-weight: bold;
}
.purple{
color:#924898;
}
.blue{
color:#005bac;
}
.red{
color: #A5D393;
}
.orange{
color: #ef7b20;
}
.sky{
color: #0086D6;
}
big{
font-size: 110%;
line-height:160%;
}
.button-box {
text-align: center;
margin: 20px auto 20px auto;
}
.button {
display: inline-block;
min-width: 120px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 2px solid #fff100;
color: #231815;
line-height:200%;
overflow: hidden;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button:hover {
color: #fff;
}
.button::after {
top: -100%;
width: 100%;
height: 100%;
}
.button:hover::after {
top: 0;
background-color: #924898;
}
.button-box2 {
margin: -50px 0 20px 300px;
}
.button2 {
display: inline-block;
width: 120px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #924898;
border: 2px solid #924898;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.button2::before,
.button2::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button2,
.button2::before,
.button2::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button2:hover {
color: #924898;
}
.button2::after {
top: -100%;
width: 100%;
height: 100%;
}
.button2:hover::after {
top: 0;
background-color: #fff;
}
.triangle {
padding: 0 0 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 6.0px 0 6.0px 10.0px;
border-color: transparent transparent transparent #924898;
display: inline-block;
}
dl {
width:100%;
}
dt {
font-weight: bold;
white-space: nowrap;
padding-bottom: 5px;
border-bottom:1px solid #A5D393;
}
dd {
padding-top: 5px;
} #base{
width: 100%;
margin: 0px;
z-index: 10;
}
#program #base,#archive #base{
width: 100%;
margin: 0px;
z-index: 10;
background: #BDDFD1;
}
#artist #base{
background: #F4C6C5;
}	
#top-base {
position: relative;
padding: 0px 0 0px 0px;
text-align: center;
background: #fff;
background-size: cover;
min-height: 600px;
}
#general #top-img {
width: 100%;
height:100vh;
background: url(//owada-rainbow.com/wp/images/top-open.jpg) no-repeat center center;
background-size: cover;
}
#members #top-img {
width: 100%;
height:100vh;
background: url(//owada-rainbow.com/wp/images/members/top.jpg) no-repeat center top #000;
background-size: auto calc(100% - 75px);
background-size: auto -webkit-calc(100% - 75px);
}
@media screen and (max-width: 1023px) {
#members #top-img {
background: url(//owada-rainbow.com/wp/images/members/top.jpg) no-repeat top 30px right 0;
background-size: cover;
}
}
@media screen and (max-width: 480px) {
#general #top-img {
margin-top: 45px;
width: 100%;
height:50vh;
background: url(//owada-rainbow.com/wp/images/top-open.jpg) no-repeat center center;
background-size: cover;
}
#general h1{
position: absolute;
width: 300px;
height: 30px;
background: url(//owada-rainbow.com/wp/images/logo.png) no-repeat;
background-size: 300px auto;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 5px;
left: calc(50% - 150px)  !important;
left: -webkit-calc(50% - 150px)  !important;
padding:0;
margin:5px 0 0 0;
}
#members #top-img {
margin-top: 45px;
width: 100%;
height:60vh;
background: url(//owada-rainbow.com/wp/images/members/top.jpg) no-repeat center right #000;
background-size: contain;
}
#members h1{
position: absolute;
width: 300px;
height: 30px;
background: url(//owada-rainbow.com/wp/images/members/logo.png) no-repeat;
background-size: 300px auto;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 5px;
left: calc(50% - 150px)  !important;
left: -webkit-calc(50% - 150px)  !important;
padding:0;
margin:5px 0 0 0;
}
}
#top-head {
position: absolute;
top: 20px;
left: 20px;
width: 20%;
}
#members #top-head {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height:100vh;
background: url(//owada-rainbow.com/wp/images/members/head-title.png) no-repeat left 20px top 20px;
background-size: auto calc(100% - 105px);
background-size: auto -webkit-calc(100% - 105px);
}
#top-head img{
width: 100%;
height: auto;
}
@media screen and (max-width: 1023px) {
#members #top-head {
top: 45px;
}
}
@media screen and (max-width: 480px) {
#members #top-head {
position: absolute;
top: 95px;
left: 10px;
width: 50%;
height:50vh;
background: url(//owada-rainbow.com/wp/images/members/head-title.png) no-repeat left top;
background-size: auto 100%;
}
}
#top-txt {
position: absolute;
top: 20px;
right: 20px;
height: calc(100vh - 100px)  !important;
height: -webkit-calc(100vh - 100px)  !important;
}
#general #top-txt {
filter: drop-shadow(0 0 0.5rem #ffee21);
}
#members #top-txt {
filter: drop-shadow(0 0 0.5rem #00523a);
}
#top-txt img{
width: auto;
height: 100%;
}
#top-icon {
position: absolute;
bottom: 100px;
right: 20px;
}
#top-icon img{
width: 100px;
height: auto;
}
#top-btn {
position: absolute;
bottom: 100px;
right: 190px;
}
#top-btn img{
width: 100px;
height: auto;
padding:0 5px 0 5px;
}
#top-apply {
position: absolute;
bottom: 100px;
right: 140px;
}
#top-apply img{
width: 265px;
height: auto;
padding:0 5px 0 5px;
}
.top-you {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.top-you iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#p01,#p02,#p03,#p04,#p05,#p06,#p07,#p08,#p09,#p10,#p0101 {
margin-top:-75px;
padding-top:75px;
}
#tc {
margin-top:-75px;
padding-top:75px;
}
#f-a,#f-b,#f-c,#f-d,#f-e,#f-h {
margin-top:-75px;
padding-top:75px;
}
.tokucho-box {
position: relative;
padding: 100px 0 50px 0px;
text-align: center;
background:  #efefef;
}
.tokucho-txt {
position: relative;
width: 783px;
min-height: 495px;
margin: 0 auto 0 auto;
padding: 20px 0 50px 0px;
background: url(//owada-rainbow.com/wp/images/tokucho.png) top center no-repeat #efefef;
background-size: 783px 495px;
}
.tokucho01 {
width: 310px;
position: absolute;
top: 180px;
left: 30px;
text-align: center;
}
.tokucho02 {
width: 310px;
position: absolute;
top: 180px;
right: 30px;
text-align: center;
}
.tokucho03 {
width: 310px;
position: absolute;
top: 450px;
left: 30px;
text-align: center;
}
.tokucho04 {
width: 310px;
position: absolute;
top: 450px;
right: 30px;
text-align: center;
}
.tokucho-img {
width: 90%;
text-align: center;
padding: 0px 0 0px 0px;
margin: 0 auto 0 auto;
max-width: 900px;
}
.bosyu-box {
position: relative;
padding: 100px 0 50px 0px;
text-align: center;
background:  #333;
}
.bosyu-txt {
width: 80%;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0px;
color:#fff;
}
.bosyu-txt a{
color:#A5D393;
}
.bosyu-txt a:hover{
color:#fff;
}
#top-news box{
display: table;
}
#top-news h2{
width: 100px;
display: table-cell;
vertical-align: top; 
padding-right:50px;
}
#top-news h2 img{
width: 100px;
height:auto;
}
#top-news .news-list{
text-align: left;
display: table-cell;
vertical-align: top; 
}	
.news-list a{
text-decoration: underline;
}	
.news-box {
width: 80%;
text-align: left;
padding: 15px 5% 15px 5%;
margin: 95px auto 50px auto;
background:#fff;
}	
.news-box a{
text-decoration: underline;
}	
.news-time{
font-size: 130%; 
line-height: 130%;
text-align:center;
padding: 15px 0 15px 0;
margin: 0px;
border-bottom:1px solid #231815;
letter-spacing: 10px;
}	
.news-box h2{
font-size: 180%; 
line-height: 130%;
text-align:center;
padding: 15px 0 15px 0;
margin: 0px;
border-bottom:1px solid #231815;
}
.news-box h3{
font-size: 120%; 
line-height: 130%;
text-align:center;
padding: 15px 0 15px 0;
margin: 35px 0 15px 0;
border-bottom:1px solid #231815;
letter-spacing: 5px;
}
.pick-left{
width: 30%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 0;
margin: 0;
}
.pick-left img{
width: 100%;
height: auto;
}
.pick-right{
width: 65%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 4%;
margin: 0;
}
.pick-right p{
padding: 0;
margin: 0;
}
.leader-img{
width: 20%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 0;
margin: 0;
}
.leader-img img{
width: 100%;
height: auto;
}
.leader-txt{
width: 75%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 3%;
margin: 0;
}
.leader-txt h4{
font-size: 130%; 
color: #0086D6;
text-align:left;
padding: 0px;
margin: 0px;
}
.leader-txt big{
font-size: 140%; 
}
.leader-title{
background: #0086D6;
color: #fff;
display: inline-block;
font-size: 90%; 
line-height: 120%; 
padding: 1px 2px;
}
.box {
width: 70%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}
.a-left{
width: 65%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 0;
margin: 0;
text-align:justify;
}
.a-right{
width: 30%;
display: inline-block;
vertical-align: top; 
padding: 0 0 30px 4%;
margin: 0;
}
.a-right img{
width: 100%;
height: auto;
}
.a-right p{
padding: 2px 0 0 0;
margin: 0;
}
.a-w{
background: #fff;
padding: 20px;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
}
.a-w big{
display: block;
font-size: 120%; 
}
.a-w big span{
font-size: 120%; 
}
.a-w-left{
width: 75%;
display: inline-block;
vertical-align: middle; 
padding: 0 0 0px 0;
margin: 0;
text-align:justify;
}
.a-w-right{
width: 20%;
display: inline-block;
vertical-align: middle; 
padding: 0 0 0px 4%;
margin: 0;
}
.a-w-right img{
width: 100%;
height: auto;
}
.g-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #c8cccd;
z-index: 0;
border-top:1px solid #231815;
}
.g-box h2{
color: #ffee21;
}
.g-box h3{
padding: 2px;
margin: 0px;
background: #ffee21;
font-size: 100%; 
}
.g-box h4{
padding: 0px;
margin:0px;
color: #ffee21;
font-size: 130%; 
}
.g-box img{
max-width: 100%;
height: auto;
}
.g-w{
background: #fff;
margin: 20px auto 20px auto;
padding: 20px;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
}
.g-w-left{
width: 48%;
padding: 0px 1% 0px 0px;
display: inline-block;
vertical-align: top;   
}
.g-w-right{
width: 48%;
padding: 0px 0 0px 1%;
display: inline-block;
vertical-align: top; 
}
.g-y{
background: #fff100;
margin: 20px auto 20px auto;
padding: 20px;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
}
.g-y big{
display: block;
font-size: 120%; 
}
.g-y-left{
width: 48%;
padding: 0px 1% 0px 0px;
display: inline-block;
vertical-align: top;   
font-size: 90%; 
text-align:justify;
}
.g-y-right{
width: 48%;
padding: 0px 0 0px 1%;
display: inline-block;
vertical-align: top; 
font-size: 90%; 
text-align:justify;
}
.g-y-right p{
padding: 0px;
margin: 0px;
}
.g-y-img{
width: 31%;
padding: 0px 0 5px 1%;
display: inline-block;
vertical-align: top; 
text-align:center;
}
.g-y-img:nth-child(1){
padding: 0px 0 5px 0;
}
.g-y-img img{
max-width: 100%;
height: auto;
}
.shibu{
border: 2px solid #fff;
padding: 10px 10px 10px 70px;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
background: url(//owada-rainbow.com/wp/images/shibu.png) 10px center no-repeat;
background-size: 50px 37px;
}
.shibu-left{
width: 43%;
padding: 0px 0 0px 1%;
display: inline-block;
vertical-align: top;   
font-size: 90%; 
}
.shibu-right{
width: 54%;
padding: 0px 0 0px 1%;
display: inline-block;
vertical-align: top; 
font-size: 90%; 
}
.koen-list{
width: 100%;
display: block;
vertical-align: top; 
margin: 0;
font-size: 80%; 
line-height: 140%; 
}
.k-left{
width: 39px;
display: inline-block;
vertical-align: top; 
padding: 0 0 0 0;
margin: 0;
white-space: nowrap;
}
.k-right{
width: calc(100% - 45px);
width:-webkit-calc(100% - 45px);
display: inline-block;
vertical-align: top; 
padding: 0 0 0 0;
margin: 0;
}
.k2-left{
width: 44px;
display: inline-block;
vertical-align: top; 
padding: 0 0 0 0;
margin: 0;
white-space: nowrap;
}
.k2-right{
width: calc(100% - 50px);
width:-webkit-calc(100% - 50px);
display: inline-block;
vertical-align: top; 
padding: 0 0 0 0;
margin: 0;
}
.koen-img{
width: 48.5%;
display: inline-block;
vertical-align: top; 
padding: 0 2% 15px 0;
margin: 0;
}
.koen-txt{
width: 48.5%;
display: inline-block;
vertical-align: top; 
padding: 0 0 15px 0;
margin: 0;
}
.koen-txt p{
padding: 0;
margin: 0;
}
.koen-img01{
width: 31.5%;
display: inline-block;
vertical-align: top; 
padding: 0 0.4% 5px 0;
margin: 0;
}
.koen-img02{
width: 67%;
display: inline-block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
.koen-img01 img, .koen-img02 img{
width: 100%;
height: auto;
}
.koza-list{
width: 47%;
display: inline-block;
vertical-align: top; 
margin: 0;
font-size: 80%; 
line-height: 140%; 
}
.koza-list:nth-of-type(odd){
padding: 0 2.5% 0 0;
}
.koza-list:nth-of-type(even){
padding: 0 0 0 2.5%;
}
.koza-list .nendo{
padding: 30px 0 10px 0px;
color: #231815;
}
.koza-list .nendo span{
font-size: 180%; 
}
.koza-list h2{
padding:2px 0px 2px 0px;
margin: 0px;
font-size: 130%; 
text-align:left;
color: #231815;
}
.koza-list p{
padding:0px;
margin: 0px;
}
.koza-img{
width: 33%;
display: inline-block;
vertical-align: top; 
padding: 0 1.5% 5px 0;
margin: 0;
}
.koza-img img{
width: 100%;
height: auto;
}
.koza-txt{
width: 64%;
display: inline-block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
.y-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #ffee21;
z-index: 0;
}
.yp-box {
padding: 0px 0 50px 0px;
text-align: center;
background: #ffee21;
z-index: 0;
}
.o-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #ef7b20;
z-index: 0;
}
.i-box {
padding: 50px 0 50px 0px;
text-align: center;
background:  url(//owada-rainbow.com/wp/images/concert-illust.gif) repeat-y;
background-size: 100% auto;
z-index: 0;
}
.w-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #fff;
z-index: 0;
}
.e-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #D2E5EF;
z-index: 0;
}
.a-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #a7d398;
z-index: 0;
border-top:1px solid #231815;
}
.ap-box {
padding: 50px 0 50px 0px;
text-align: center;
background:  url(//owada-rainbow.com/wp/images/apply-back.gif) repeat-y;
background-size: 100% auto;
z-index: 0;
line-height: 180%;
letter-spacing: 1px;
}
.ap-box h3 img{
width: auto;
height: 30px;
margin: 0px 0px 0px 0px;
}
.ap-box strong,.ap-box b{
color:#0086D6;
font-weight: normal;
}
.a-list {
padding: 50px 0 0px 0px;
}
.a-list h3{
font-size: 120%; 
line-height: 130%;
text-align:left;
padding: 0px;
margin: 0px;
}
.v-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #CBE4CD;
z-index: 0;
}
.p-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #fff url(//owada-rainbow.com/2020/images/nami.gif) top left no-repeat;
background-size: 100% auto;
z-index: 0;
}
.p-box .box{ 
color: #A5D393;
text-align:center;
}
.c-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #CBE4CD;
z-index: 0;
}
.t-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #fff;
z-index: 0;
}
.r-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #DA4114;
z-index: 0;
color: #fff;
}
.om-box {
padding: 50px 0 50px 0px;
text-align: center;
background: #E88814;
z-index: 0;
}
.photos {
text-align: center;
}
.photos h2 {
font-size: 110%; 
padding: 3px 0 3px 0px;
text-align: center;
background: #000;
color:#fff;
}
.photos h3 {
font-size: 130%; 
padding: 5px 25px 5px 25px;
margin:35px auto 15px auto;
text-align: center;
background: #fff;
color: #231815;
display: inline-block;
border-radius: 25px;
-moz-border-image: border-radius: 25px;
-webkit-border-image: border-radius: 25px;
}
.access-box{
display: table;
padding: 20px 0px 0px 0px;
z-index: 0;
}
.access-list{
width: 35%;
float: left;
vertical-align: top; 
padding: 20px 0px 0px 0px;
}
.access-list dt{
font-size: 90%; 
color: #A5D393;
line-height: 100%;
text-align:left;
padding: 0px;
margin: 0px;
font-weight: normal;
border-bottom:0px;
}
.access-list dd{
font-size: 90%; 
padding: 0px 0px 15px 17px;
color: #333;
}
.access-map{
width: 65%;
float: right;
vertical-align: top; 
padding: 20px 0px 0px 0px;
}
#map{
position: relative;
padding: 0 0 100%;
height: 0;
overflow: hidden;
}
#map iframe{
margin-top:-46px;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 0;
}
.partnership-list {
width: 100% !important;
}
.partnership-list th{
color:  #A5D393;
border-bottom: solid 1px #A5D393;
padding: 10px 10px 10px 10px;
font-size: 90%; 
}
.partnership-list td{
border-bottom: solid 1px #A5D393;
padding: 10px 10px 10px 10px;
vertical-align:center;
font-size: 90%; 
}
.partnership-list td:nth-child(1){
padding: 10px 0px 10px 0px;
}
.partnership-list th:nth-child(1){
padding: 10px 0px 10px 0px;
}
.partnership-list-en{
width: 100% !important;
border-bottom: solid 1px #A5D393;
padding: 10px 10px 10px 10px;
font-size: 90%; 
}
.partnership-list a,.partnership-list-en a{
color:  #333;
}
.partnership-list a:hover, .partnership-list-en a:hover{
color:  #A5D393;
}
.banner{
text-align:center;
margin: auto;
}
.nazo-box {
position: relative;
margin: 120px auto 0 auto;
padding: 50px 0 50px 0px;
text-align: center;
background: url(//owada-rainbow.com/wp/images/hatena-back.png) top center repeat-x #e8380d;
background-size: 1000px;
color: #fff;
}
.nazo-box h2{
font-size: 300%; 
color: #fff;
line-height: 130%;
text-align:center;
padding: 5px 0px 5px 0px;
margin: 5px auto 5px auto;
}
.nazo-box h3{
font-size: 200%; 
color: #fff;
line-height: 130%;
text-align:center;
padding: 0px 0px 5px 0px;
margin: 0px auto 35px auto;
}
.nazo-txt {
width: 80%;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0px;
color: #fff;
display: table;
}
.nazo-left {
width: 60%;
display: table-cell;
vertical-align:center;
}
.nazo-right {
width: 38%;
display: table-cell;
vertical-align: middle; 
vertical-align:center;
}
.nazo-right audio{
padding: 0;
margin: 0;
}
.nazo-you {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.nazo-you iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.nazo-qa {
clear:both;
text-align:center;
padding: 50px 0 50px 0px;
position: relative;
}
.jQueryBox{
-moz-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
}
.events-box {
position: relative;
padding: 100px 0 50px 0px;
text-align: center;
background: url(//owada-rainbow.com/wp/images/waveline.png) top center no-repeat #fff;
background-size: contain;
}
.events-list {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: 0 auto 0 auto;
}
.events-list li{
width: 29%;
margin: 0 2% 0 2%;
text-align: center;
color: #005ca2;
display: table-cell;
vertical-align: top; 
}
.events-list li a{
color: #005ca2;
}
.events-list li img{
width: 98%;
border: 1px #005ca2 solid;
margin: 1%;
}
.about-box {
position: relative;
padding: 50px 0 50px 0px;
text-align: center;
background: url(//owada-rainbow.com/wp/images/about-back.png) top center no-repeat;
background-size: cover;
}
.about-btn{
padding: 50px 0 30% 0px;
text-align: center;
}
.about-btn img{
width: 80%;
}
.about-btn a{
width: 45%;
display: inline-block;
text-align: center;
}
.about-box02 {
position: relative;
padding: 50px 0 50px 0px;
text-align: center;
background: url(//owada-rainbow.com/wp/images/about-back02.png) 50% center no-repeat #efefef;
background-size: contain;
}
.about-txt01 {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: 0 10% 0 10%;
color: #333;
}
.about-txt02 {
width: 80%;
text-align: center;
padding: 20px 0 20px 0px;
margin: 20px 10% 0px 10%;
color: #333;
}
.what-box {
position: relative;
padding: 170px 0 50px 0px;
text-align: center;
background: url(//owada-rainbow.com/wp/images/what-back.png)  center 130px no-repeat #A5D393;
background-size: contain;
}
.what-txt {
width: 80%;
text-align: center;
padding: 20px 0 20px 0px;
margin: 0 10% 0 10%;
color: #333;
}
.diagram-box {
width: 80%;
text-align: left;
margin: 80px 10% 80px 10%;
color: #333;
}
.diagram-box img{
width: 100%;
display: block;
margin: 0px 0 0px 0;
}
.diagram-box h3  {
text-align: center;
font-size: 130%;
color:#005ca2;
padding: 15px 0 15px 0;
}
.diagram01 {
width: 100%;
display:table;
margin: 50px 0 0px 0; 
}
.diagram02 {
width:35%;
padding: 0px 15% 0px 0;
text-align: justify;
text-justify: inter-ideograph;
display: table-cell;
}
.diagram03 {
width:35%;
padding: 0px 0px 0 15%;
text-align: justify;
text-justify: inter-ideograph;
display: table-cell;
}
.diagram04  {
text-align: center;
padding: 15px 0 15px 0;
}
.kai-box {
position: relative;
padding: 170px 0 50px 0px;
background: #fff;
text-align: center;
}
.kai-box h2{
font-size: 300%; 
color: #005ca2;
line-height: 130%;
text-align:center;
padding: 5px 0px 5px 0px;
margin: 5px auto 5px auto;
}
.kai-box h3{
font-size: 200%; 
font-weight: normal;
line-height: 130%;
text-align:center;
border-bottom: solid 2px #005ca2;
padding: 5px 0px 5px 0px;
margin: 5px auto 5px auto;
display: inline-block;
}
.kai-txt {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: 0 10% 0 10%;
color: #333;
}
.kai-title {
padding: 20px 0 20px 0px;
}
.menu-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #333;
}
.menu-txt {
width: 40%;
position: absolute;
top: 350px;
right: 0px;
text-align: left;
}
.menu-img {
width: 40%;
text-align: left;
}
.menu-img img{
width: 100%;
height:auto;
padding: 0 0 10px 0;
}
.staff-contents {
position: relative;
overflow: hidden;
margin: -20% 0 0 0;
padding: 20% 0 20% 0;;
z-index: 100;
}
.staff-contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 100%;
margin: 0px -10% 0 ;
background: #fff;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
transform: rotate(-7deg);
z-index: -1;
}
.staff-title {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.staff-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #333;
}
.staff-img01 {
width: 100%;
text-align: center;
padding: 80px 0 10px 0;
}
.staff-img02 {
width: 49%;
text-align: center;
padding: 0 2% 10px 0;
float:left;
}
.staff-img03 {
width: 49%;
text-align: center;
padding: 0 0 10px 0;
float:left;
}
.staff-img01 img,.staff-img02 img,.staff-img03 img{
width: 100%;
height:auto;
}
.gallery-contents {
position: relative;
overflow: hidden;
margin: -20% 0 0 0;
padding: 20% 0 20% 0;;
z-index: 100;
min-height: 800px;
}
.gallery-contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
min-height: 900px;
margin: 0px -10% 0 ;
background: #000;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
transform: rotate(-7deg);
z-index: -1;
}
.gallery-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #fff;
}
#gallery-1 {
margin: auto;
border: 0px !important;
}
#gallery-1 .gallery-item {
float: left;
padding-top: 4%;
text-align: center !important;
width: 25% !important;
border: 0px !important;
}
#gallery-1 img {
width: 98% !important;
height:auto !important;
border: 0px !important;
}
#gallery-1 .gallery-caption {
margin-left: 0 !important;
}
#gallery-1 dt {
font-weight: bold;
white-space: nowrap;
padding-bottom: 0px;
border-bottom:0px;
}
.reservation-contents {
position: relative;
overflow: hidden;
margin: -35% 0 0 0;
}
.reservation-txt {
margin: -25% 0 15% 0;
}
.access-contents {
position: relative;
overflow: hidden;
margin: -15% 0 0 0;
padding: 20% 0 20% 0;
z-index: 100;
}
.access-contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 100%;
margin: 0px -10% 0 ;
background:  url(//owada-rainbow.com/wordpress/images/access-img.jpg);
background-size: cover;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
transform: rotate(-7deg);
z-index: -1;
}
.access-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #fff;
}
.access-txt {
width: 30%;
text-align: left;
padding: 50px 0 50px 55px;
color: #fff;
}
.access-txt a{
color: #fff;
}
.contents {
width: 100%;
margin: 62px auto 0px auto;
}
.contents h2{
text-align:center;
margin: 50px auto 50px auto
}
.contents-box {
width: 80%;
margin: 50px auto 50px auto;
text-align: left;
}
.contents-box a{
color: #333;
text-decoration: underline;
}
.contents-box a:hover{
color: #ccc;
text-decoration: underline;
}
.contents-img {
width: 100%;
text-align: center;
}
.contents-img img{
width: 100%;
height:auto;
text-align: center;
margin: auto;
}
.pan {
width: 100%;
background: #A1CBED;
color: #fff;
font-size: 75%;
text-align: left;
padding: 1px 0 1px 0;
}
.pan a{
color: #fff;
}
.san{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #fff;
display: inline-block;
margin: 4px 2px 0 4px;
}
.contents-left {
width: calc(20% - 20px);
width:-webkit-calc(20% - 20px);
text-align: left;
background: #fff;
padding: 20px 0px 20px 20px;
margin: 0px;
float:left;
}
.contents-left a{
color: #005bac;
}
.contents-left a:hover,.contents-left a:active{
color: #005bac;
}
.contents-left ul{
width: 100px;
}
.program-sq {
text-align: center;
margin: 30px auto 30px auto;
}
.program-sq span{
font-size: 90%;
color: #A5D393;
border: 1px #a3d6ca solid;
border-radius: 5px;
text-align: center;
display:inline-block;
padding: 0px 5px 0px 5px;
}
.program-dt {
text-align: center;
font-weight: bold;
margin: 30px auto 5px auto;
}
.program-dd {
text-align: center;
color: #A5D393;
font-size: 130%;
margin: 5px auto 30px auto;
}
.program-dp {
text-align: center;
color: #A5D393;
font-size: 130%;
margin: 5px auto 30px auto;
}
.program-ex {
text-align: center;
font-size: 90%;
margin: 20px auto 20px auto;
}
.program-box {
width: 80%;
margin: 30px auto 30px auto;
text-align: left;
}
.program-movie {
width: 80%;
margin: 15px auto 15px auto;
padding: 15px 0 15px 0;
text-align: left;
border-top: 1px #a3d6ca solid; 
}
.program-artist {
width: 80%;
margin: 0 auto 30px auto;
padding: 15px 0 15px 0;
text-align: left;
border-top: 1px #a3d6ca solid; 
border-bottom: 1px #a3d6ca solid; 
}
h3.program-title{
font-size: 180%; 
color: #A5D393;
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h3.program-title span{
font-size: 80%; 
}
.program-list-box {
width: 98%;
margin: 50px auto 50px auto;
text-align:center;
}
.program-content {
display: none;
padding: 32px;
}
.program-content:target {
display: block;
}
.program-cat{
margin: -20px 0 0 0;
text-align:center;
color: #90BFDC;
font-weight: bold;
font-size: 160%;
padding: 10px 0px 10px 0px;
}
.program-list{
width: 47%;
display: inline-block;
padding: 0px 0px 1% 0px;
margin: 1%;
vertical-align: top; 
}
.program-list img{
width: 100%;
height: auto;
margin: 0;
}
.program-list p{
margin: 0;
padding: 10px;
min-height: 70px;
color: #A5D393;
text-align:center;
font-size: 0.8rem;
line-height: 130%; 
background: #fff;
}
a:hover .program-list p{
color: #fff;
background: #A5D393;
}
.program-tag-list{
width: 23%;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 1%;
}
.program-tag-list img{
width: 100%;
height: auto;
margin: 0;
}
.program-tag-list p{
margin: 0;
padding: 10px;
color: #A5D393;
text-align:center;
font-size: 0.8rem;
line-height: 130%; 
background: #fff;
}
.film-box-list {
width: 80%;
margin: 30px auto 30px auto;
border-top: 1px #a3d6ca solid; 
text-align: left;
font-size: 90%;
}
.film-box-list img{
width: 6.5%;
}
.film-box {
width: 80%;
margin: 30px auto 30px auto;
text-align: left;
font-size: 90%;
}
.film-box-title img{
width: 100%;
}
.film-box-img{
width: 40%;
float: right;
padding: 0px 0px 0px 0px;
}
.film-box-img img{
width: 100%;
}
.film-box-txt{
width: 55%;
float: left;
padding: 20px 0px 0px 0px;
}
.film-box01{
width: 40%;
float: left;
}
.film-box02{
width: 32%;
float: left;
margin: 0 2% 0 2%;
}
.film-box03{
width: 24%;
float: right;
}
.film-box01 img, .film-box03 img{
width: 100%;
}
.artist-img {
width: 50%;
text-align: center;
margin: auto;
}
.artist-img img{
width: 100%;
height:auto;
text-align: center;
margin: auto;
}
.artist-box {
width: 50%;
margin: 50px auto 50px auto;
text-align: left;
border-bottom: 1px #a3d6ca solid; 
}
.artist-list-box {
width: 100%;
margin: 50px auto 50px auto;
text-align:center;
}
.artist-list{
width: 17%;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 1%;
vertical-align: top;
}
a:hover .artist-list{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.artist-list img{
width: 100%;
height: auto;
margin: 0;
border-radius: 50%;
-moz-border-image: border-radius: 50%;
-webkit-border-image: border-radius: 50%;
}
.artist-list p{
margin: 0;
padding: 10px;
color: #A5D393;
text-align:center;
font-size: 0.8rem;
line-height: 130%; 
}
.ticket-btn a{
color: #009944;
background: #fff;
border: 1px solid #009944;
padding: 3px 4px 3px 4px;
display: inline-block;
text-align: center;
margin:10px 0px 10px 10px;
text-decoration: none;
}
.ticket-ban {
width: 25%;
padding: 20px 2% 20px 2%;
display: inline-block;
}
.ticket-ban img{
width: 100%;
}
.ticket-box {
width: 50%;
margin: 50px auto 50px auto;
text-align: left;
}
.ticket-box big{
color: #A5D393;
font-size: 120%;
line-height:160%;
font-weight: normal;
}
.ticket-list {
padding: 10px 0px 20px 0px;
text-align: left;
border-top: 1px #A1CBED solid;
clear:both;
}
.ticket-list .square-r{
float:right;
}
.underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background:  #005bac;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.underline-from-left:hover:before, .underline-from-left:focus:before, .underline-from-left:active:before {
right: 0;
}
.cat-item {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
margin: 0px 0px 0px 20px;
}
.cat-item:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background:  #005bac;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cat-item:hover:before, .cat-item:focus:before, .cat-item:active:before {
right: 0;
}
.contents-right {
width: 80%;
text-align: left;
float:left;
background: #e8deed;
padding: 0px 0px 150px 0px;
margin: 20px 0px 0px 0px;
}
#works .contents-right {
background: #fff;
}
.contents-right .contents-inner{
background: #e8deed;
max-width: 90%;
}
.works-inner {
box-sizing: boder-box;
width: 100%;
max-width: 80%;
height: 100%;
margin: 0px auto 0 auto;
padding: 20px 0px 0px 0px;
text-align: left;
background: #e8deed;
max-width: 90%;
}
.book-contents {
position: relative;
overflow: hidden;
margin: -10% 0 0 0;
padding: 5% 0 0 0;
z-index: 100;
}
.book-contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 100%;
margin: 3% -10% 0;
background: #fff;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: -1;
}
#interview .book-contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 150%;
margin: 3% -10% 0;
background: #fff;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: -1;
}
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-s  {
text-align: center;	
}
.video-s iframe {
width: 100%;
margin: auto;
}
.works-img {
width: 100%;
padding: 20px 0 20px 0;
text-align: center;	
}
.works-img img{
width: 70%;
}
a .works-list-title{
color: #333;
font-size: 1.0rem;
}
.works-list-box {
width: 100%;
background-color: #fff;
margin: -5% 0px 0 0px;
}
.works-list-inn {
max-width: 1300px;
}
.works-list {
width: 23%;
height: 500px;
padding: 5% 5% 0 5%;
float:left;
}
.works-list img{
width: 100%;
}
.sen {
width: 100%;
margin: 30px 0px 30px 0px;
border-top: 1px #a3d6ca solid; 
}
.underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background:  #005bac;
height: 2px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.underline-from-right:hover:before, .underline-from-right:focus:before, .underline-from-right:active:before {
left: 0;
}
#cmenu {
padding: 15px 0px 15px 0px;
}
#smenu {
padding: 0px 0px 15px 0px;
}
.post-left {
width: 470px;
margin: 0px;
padding: 0px 30px 0px 0px;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
float:left;
}
.post-right {
width: 200px;
margin: 0px;
float:left;
}
.post-right img{
width: 200px;
padding: 0px 0px 10px 0px;
}
.cel{
font-size: 13px;
background-color: #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#E0E0E0));
background: -webkit-linear-gradient(#fff, #E0E0E0);
background: -moz-linear-gradient(#fff, #E0E0E0);
background: -ms-linear-gradient(#fff, #E0E0E0);
background: -o-linear-gradient(#fff, #E0E0E0);
background: linear-gradient(#fff, #E0E0E0);
-pie-background: linear-gradient(#fff, #E0E0E0);
behavior: url(//owada-rainbow.com/wp/wp-content/themes/rainbow/PIE.htc);
}
.cel01{
font-weight: bold;
font-size: 13px;
color: #ffffff;
line-height:140%;
padding: 5px 5px 5px 10px;
background-color: #434A4B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#434A4B), to(#121415));
background: -webkit-linear-gradient(#434A4B, #121415);
background: -moz-linear-gradient(#434A4B, #121415);
background: -ms-linear-gradient(#434A4B, #121415);
background: -o-linear-gradient(#434A4B, #121415);
background: linear-gradient(#434A4B, #121415);
-pie-background: linear-gradient(#434A4B, #121415);
behavior: url(//owada-rainbow.com/wp/wp-content/themes/rainbow/PIE.htc);
}
.cel02{
padding: 5px;
font-size: 13px;
color: #333333;
line-height:140%;
background-color: #FFFFFF;
}
.cel03{
font-weight: bold;
border-top: 1px solid #00877D;
border-bottom: 1px dotted #323232;
padding: 5px;
background-color: #FFFFFF;
}
.cel04{
border-bottom: 1px dotted #323232;
padding: 5px;
background-color: #FFFFFF;
}
.staff{
padding: 5px;
font-size: 12px;
color: #333333;
line-height:140%;
background-color: #E9E3D3;
}
#title {
padding: 0px 0px 8px 0px;
}
.next {
text-align: right;
padding: 0px 20px 0px 0px;
margin:0;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
}
.next a{
text-align: right;
padding: 0px 20px 0px 0px;
margin:0;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
}
.next a:hover {
text-align: right;
padding: 0px 20px 4px 0px;
margin:0;
text-decoration: underline;
}
.square{
color: #fff;
background: #A5D393;
padding: 1px 2px 1px 2px;
display: inline-block;
text-align: center;
margin:2px;
}
.square-r a{
color: #333333;
background: #fff;
border: 1px solid #A1CBED;
padding: 1px 3px 1px 3px;
display: inline-block;
text-align: center;
margin:10px 0px 10px 10px;
text-decoration: none;
}
.square-r a:hover{
color: #666;
border: 1px solid #666;
}
.img-left{
float:left;
margin-right: 10px;
}
.img-right{
float:right;
margin-left: 10px;
}
.time {
color: #666;
font-size: 90%;
}
.subtitle{
margin: 0px;
padding: 0px 0px 0px 20px;
background: url(//owada-rainbow.com/images/icons.gif) left top no-repeat;
color: #555555;
font-size: 12px;
line-height: 150%; 
font-weight: bold;
}
.magenta{
color: #D52558;
}
.gray{
color: #555555;
}
.tb01 {
padding: 6px 0px 6px 0px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #2EA98F;
background-color: #ffffff;
}
.tb02 {
padding: 6px 0px 6px 0px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
.tb03 {
padding: 4px;
margin: 0px;
background-color: #caf2eb;
}
.tb04 {
padding: 4px;
margin: 0px;
background-color: #e4faf7;
}
.tb05 {
padding: 2px;
margin: 0px;
background-color: #2EA98F;
color :#FFF;
}
.tb06 {
text-align: center;
}
.tb07 {
padding: 6px 6px 6px 6px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #2EA98F;
}
.tb08 {
background-color: #FFF;
}
.tbl {
padding: 4px;
margin: 4px;
background: url(//owada-rainbow.com/images/tb.gif) center top repeat;
}
.tb00 {
padding: 6px 0px 6px 0px;
margin: 0px;
}
.photo-box{
width: 180px;
height:160px;
text-align: center;
margin: 0 auto;
padding: 0px;
line-height:130%;
background-image: url(//owada-rainbow.com/wp/wp-content/themes/rainbow/images/photoback.gif);
background-repeat: no-repeat;
float:left;
}
.photo{
width: 140px;
height:150px;
margin: 0 auto;
padding: 14px 15px 0px 5px;
font-size: 12px;
color: #333333;
}
.photo img {
margin: 0px 0px 5px 0px;
}
.photo a {
font-size: 13px;
line-height:130%;
color: #00877D;
text-decoration: none;
padding:0;
margin:0;
}
.photo a:hover,
.photo a:active {
color: #00877D;
text-decoration: underline;
padding:0;
margin:0;
}
.service-img {
vertical-align:top;
padding: 0px 10px 0px 0px;
margin: 0px;
float: left;
}
#company img{
padding: 0px 10px 10px 0px;
}
#company a {
padding:0;
margin:0;
}
#company a:hover,
#company a:active {
padding:0;
margin:0;
}
#company-left {
width: 170px;
margin: 0px;
padding: 135px 0px 0px 0px;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
float:left;
}
#company-right {
width: 850px;
margin: 0px;
padding: 0px 0px 0px 15px;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
float:left;
}
#company-right  img{
padding: 0px 13px 13px 0px;
}
#company-right  a {
padding:0;
margin:0;
}
#company-right  a:hover,
#company-right  a:active {
padding:0;
margin:0;
}
.thm{
width: 150px;
height: 225px;
padding: 0px 0px 0px 50px ;
float: left;
}
.thm01{
width: 150px;
height: 150px;
padding: 0px 0px 0px 0px ;
padding:0;
overflow: hidden;
}
.thm02{
padding: 5px 0px 0px 0px ;
line-height: 130%;
}
.thm02 a {
text-decoration: none;
color: #fff;
padding: 0px 0px 0px 0px ;
}
.thm02 a:hover {
text-decoration: none;
color: #999;
}
.more {
padding: 30px 0px 0px 0px ;
} .ac-container{
width: auto;
margin: 0px;
}
.ac-container label{
text-align: left;
margin:0;
padding:0 20px 0 0;
display: block;
cursor: pointer; 
background: url(//owada-rainbow.com/wp/images/yaji01.gif) no-repeat center right 5px #fff;
background-size: 20px 20px;
background-color: #fff;  
}
.ac-container label:hover{
-webkit-transition: all .3s;
transition: all .3s;
}
.ac-container label span{
display: inline-block;
background-color: #000;  
color: #fff;  
width: 50px;
text-align: center;
margin-right: 10px;     
}
.ac-container input:checked ~ label{
background: url(//owada-rainbow.com/wp/images/yaji02.gif) no-repeat center right 5px #fff;
background-size: 20px 20px;
}
.ac-container input{
display: none;
margin: 0px;
padding: 0px;
}
.ac-container div.ac-small{
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
transition: 
height 0.5s ease-in-out, 
}
.o-box .ac-container,.om-box .ac-container{
padding:10px 10px 10px 20px;
margin-bottom:10px;
border-radius: 10px;        
-webkit-border-radius: 10px;    
-moz-border-radius: 10px;  
background: #fff;
}
.o-box .ac-container:after,.om-box .ac-container:after{
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.o-box .ac-container p,.om-box .ac-container p{
height: 0px;
margin: 0px;
padding: 0px;
}
.o-box .ac-container label,.om-box .ac-container label{
background: url(//owada-rainbow.com/wp/images/yaji01.gif) no-repeat center right 5px #fff;
background-size: 20px 20px;
}
.o-box .ac-container label span,.om-box .ac-container label span{
display: inline;
background: none;  
color: #ef7b20;
width: auto;
text-align: left;
margin: auto;     
}
.ac-txt{
width: 76%;
float: left;
padding: 15px 3% 0px 0px;
vertical-align: top;
text-align: justify;
}
.ac-img{
width: 20%;
float: right;
padding: 15px 0 0px 0px;
vertical-align: top;
}
.ac-img img{
width: 100%;
height: auto;
} .ac-container input:checked ~ div.ac-small{
height:auto;
}
.ac-container input:checked ~ div.ac-medium{
height: 200px;
}
.ac-container input:checked ~ div.ac-large{
height: 300px;
}
.c-panel{
display: none;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.c-menu {
margin: auto;
text-align: center;
padding: 0 0 50px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
button.c-btn{
width: 340px;
height: 93px;
text-indent:-9999em;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
overflow:hidden;
text-decoration:none;
margin: 10px;
}
.c-btn.btn01  {
background: url(//owada-rainbow.com/wp/images/members/btn01.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn02  {
background: url(//owada-rainbow.com/wp/images/members/btn02.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn03  {
background: url(//owada-rainbow.com/wp/images/members/btn03.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn04  {
background: url(//owada-rainbow.com/wp/images/members/btn04.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn01:hover,
.c-btn.btn01.is-active  {
background: url(//owada-rainbow.com/wp/images/members/btn01b.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn02:hover,
.c-btn.btn02.is-active  {
background: url(//owada-rainbow.com/wp/images/members/btn02b.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn03:hover,
.c-btn.btn03.is-active  {
background: url(//owada-rainbow.com/wp/images/members/btn03b.png) no-repeat;
background-size: 340px 93px;
}
.c-btn.btn04:hover,
.c-btn.btn04.is-active  {
background: url(//owada-rainbow.com/wp/images/members/btn04b.png) no-repeat;
background-size: 340px 93px;
} .footer {
width:100%;
list-style:none;
z-index: 1000;
background: #fff;
position: relative;
margin: 0 0 0 0;
z-index: 100;
}
.footer-box{
width:90%;
padding: 50px 0 50px 0;
margin: auto;
text-align: left;
font-size: 1.1rem;
}
.footer h2{
width:100%;
padding: 5px 0 5px 0;
margin: auto;
text-align: center;
background: #c9caca;
color: #231815;
font-size: 100%;
font-weight: normal;
letter-spacing: 10px;
}
.copy {
width:100%;
background: #000;
color: #fff;
margin: 0 0 0 0;
z-index: 100;
text-align: center;
font-size: 80%;
}
table {
text-align: left;
border: 0px;
border-collapse: separate;
border-spacing: 0px;
padding: 0px 0px 0px 0px;
}
td {
text-align: left;
margin:0px;
vertical-align: top; 
}
td:first-child {
white-space: nowrap
}
.koen-txt td:first-child:after {
content: "：";
display: inline-block;
}
.koen-txt ul {
list-style-type: decimal;
padding: 0;
margin:0;
}
.yp-box ul li {
margin-left: 19px;
}
#footer-w {
width:100%;
list-style:none;
z-index: 1000;
color: #000;
background: #000;
margin: 0px 0 0 0;
padding: 0px 0px 0px 0px ;
position:absolute;
font-size: 0.9rem;
background: #fff;
}
#footer-box-w {
position: relative;
margin: 0px 0 0 0;
padding:  0;
z-index: 100;
background: #000;
}
#footer-line-w {
position: relative;
overflow: hidden;
margin: 0 0 0 0;
padding: 60px 0;
z-index: 1000;
}
#footer-line-w:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 300px;
margin: 0 -10% 0;
background: #fff;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: -1;
}
.navigation {
margin-top: 15px;
margin-bottom: 15px;
}
.navigation a{
text-decoration: none;
margin: 0px;
padding: 0px;
border-bottom-width: 0px
}
.alignright {
float: right;
padding: 0px 0px 20px 20px;
}
.alignleft {
float: left;
padding: 0px 20px 20px 0px;
} .item-pickup-left{
width: 	200px;
padding: 20px 30px 20px 20px;
float: right;
}
.item-pickup-left img{
width: 	200px;
}
.item-pickup-left p{
padding:2px 0 15px 0;
margin: 0;
text-align: left;
}
.item-pickup-right{
width: 	550px;
padding: 20px 0px 20px 0px;
float: left;
}
.item-pickup-right select{
padding: 0px 5px 0px 0px;
vertical-align:top;
}
.item-box{
width: 	170px;
height: 170px;
padding: 10px 0 25px 0;
float: left;
}
.item-img{
width: 150px;
height: 150px;
padding:0;
}
.item-img a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
border-width: 0px;
}
.item-title{
width: 150px;
padding:0;
margin:5px 0 0 0;
color: #ffffff;
text-align: left;
font-size: 13px;
}
.item-title a{
text-decoration: none;
color: #ffffff;
}
.item-title a:hover{
text-decoration: none;
color: #999999;
}
.item-ex{
padding:0 0 0 0;
margin: 0;
text-align: left;
}
.item-ex p{
padding:0;
margin: 0;
color: #777777;
font-size: 11px;
　line-height: 11px;
} .metaslider {
width: 80%!important;
margin: auto!important;
z-index:0!important;
}
.metaslider .caption-wrap {
position: absolute!important;
top: 0!important;
left: 0!important;
background: #fff!important;
color: #000!important;
opacity: 1!important;
margin: 0!important;
display: block!important;
width: 100%!important;
line-height: 1.4em!important;
height:25px!important;
text-align: left;
border-radius: 10px 10px 0 0;
-moz-border-image: border-radius: 10px 10px 0 0;
-webkit-border-image: border-radius: 10px 10px 0 0;
font-weight: bold;
z-index:-1!important;
}
.flexslider{
z-index:-2!important;
}
.metaslider img {
margin: 25px 0 0 0!important;
border: 2px solid #fff!important;
box-sizing: border-box;
z-index:0!important;
}
.flex-direction-nav a{
opacity: 1!important;
}
.flex-direction-nav .flex-prev {
left: -15px!important;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: -15px!important;
}
.flex-direction-nav .flex-next {
right: -15px!important;
text-align: right!important;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: -15px!important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next {
background-image: url(//owada-rainbow.com/wp/images/y-next.png);
background-size: 15px auto;  
opacity: 1;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next:hover {
background-image: url(//owada-rainbow.com/wp/images/y-next-w.png);
background-size: 15px auto;  
opacity: 1;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
background-image: url(//owada-rainbow.com/wp/images/y-prev.png);
background-size: 15px auto;  
opacity: 1;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev:hover  {
background-image: url(//owada-rainbow.com/wp/images/y-prev-w.png);
background-size: 15px auto;  
opacity: 1;
} .fullSlideShow {
width: 100%;
height: 100%;
text-align: left;
position: relative;
overflow: hidden;
z-index: -10;
}
.fullSlideShow ul {
top: 50%;
left: 50%;
width: 100%;
position: fixed; overflow: hidden;
}
.fullSlideShow ul li {
top: 0px;
left: 0;
width: 100%;
display: none;
position: absolute;
}
.fullSlideShow ul li img {
width: 100%;
z-index: -10;
} .fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
margin-top: -25px;
top: 50%;
width: 50px;
height: 50px;
position: fixed; z-index: 105;
}
.fullSlideShow .btnPrev {
left: 10px;
background: transparent url(//owada-rainbow.com/wp/wp-content/themes/img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
right: 10px;
background: transparent url(//owada-rainbow.com/wp/wp-content/themes/img/btnNext.png) no-repeat center center;
} .pagiNation {
bottom: 30px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: fixed; z-index: 90; visibility: hidden; }
.pagiNation a {
margin: 0 5px;
width: 20px;
height: 20px;
display: inline-block;
overflow: hidden;
background: #000;
}
.pagiNation a.pnActive {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
} .fullSlideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.fullSlideShow ul {
display: inline-block;
overflow: hidden;
}
.contact {
border-collapse: separate;
border-spacing: 10px;
}
.contact th{
font-weight: normal;
padding: 0px 10px 0px 10px;
background-color: #c9caca;
}
.contact td{
font-weight: normal;
padding: 0px 10px 0px 10px;
}
.wpcf7{
font-size: 1.0rem;
}
.wpcf7 input[type="submit"] {
width:47%;
margin:1%;
min-height: 40px;
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #0086D6;
border: 1px solid #0086D6;
color: #fff;
line-height:180%;
overflow: hidden;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; letter-spacing: 5px;
font-size: 1.0rem;
cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
background-color: #fff;
color:#0086D6;
}
.wpcf7 input.wpcf7-previous {
width:47%;
margin:3% 1%;
min-height: 40px;
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #0086D6;
color: #0086D6;
line-height:180%;
overflow: hidden;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; letter-spacing: 5px;
font-size: 1.0rem;
cursor: pointer;
}
span.wpcf7-list-item {
display: block !important;
margin: 0 0 0 0;
}
span.wpcf7-list-item input {
height: 15px !important;
}
.wpcf7 input[type="radio"] {
accent-color: #111;
}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"] ,.wpcf7 input[type="email"]{
width: 45%;
min-height: 40px !important;
outline: none;
border: 1px solid #999;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:0 2%;
}
.wpcf7 input[name="your-school"]  {
width:45%;
}
.wpcf7 input[name="your-grade"]  {
width: 5%;
}
.wpcf7 input[name="address01"]  {
width: calc(12% - 2px)  !important;
width: -webkit-calc(12% - 2px)  !important;
margin-right:2%;
}
.wpcf7 input[name="address02"]  {
width: calc(51% - 2px)  !important;
width: -webkit-calc(51% - 2px)  !important;
}
.wpcf7 input[name="station01"]  {
width: 20%;
}
.wpcf7 input[name="station02"]  {
width: 30%;
}
.wpcf7 input[name="time"]  {
width: 5%;
}
.wpcf7 input::placeholder {
font-size: 1.0rem;
color: #ccc;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-year"],.wpcf7 .wpcf7-form-control-wrap[data-name="your-month"], .wpcf7 .wpcf7-form-control-wrap[data-name="your-day"],.wpcf7 .wpcf7-form-control-wrap[data-name="your-age"],.wpcf7 .wpcf7-form-control-wrap[data-name="your-grade"],.wpcf7 .wpcf7-form-control-wrap[data-name="experience01"],.wpcf7 .wpcf7-form-control-wrap[data-name="experience02"]{
position: relative;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-year"]::after,.wpcf7 .wpcf7-form-control-wrap[data-name="your-month"]::after, .wpcf7 .wpcf7-form-control-wrap[data-name="your-day"]::after, .wpcf7 .wpcf7-form-control-wrap[data-name="your-age"]::after,.wpcf7 .wpcf7-form-control-wrap[data-name="your-grade"]::after,.wpcf7 .wpcf7-form-control-wrap[data-name="experience01"]::after,.wpcf7 .wpcf7-form-control-wrap[data-name="experience02"]::after {
content: "";
position: absolute;
top: 6px;
right: 12px;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 7px solid #666;
border-bottom: 0;
}
.wpcf7 select {
-webkit-appearance: none;
appearance: none;
outline: none;
min-height: 40px !important;
padding-left:20px;
padding-right:33px; 
border: 1px solid #999;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 1.0rem;
}
.wpcf7 input[type="checkbox"] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7 input[type="checkbox"] {
position: relative;
width: 15px;
height: 15px;
border: 1px solid #666;
vertical-align: -5px;
border-radius:50%;
background: #fff;
}
.wpcf7 input[type="checkbox"]:checked:before {
position: absolute;
top: 2px;
left: 2px;
width: 9px;
height: 9px;
background: #111;
border-radius:50%;
content: '';
}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-subject-others"] {
margin: 0 0 0 2%;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-subject-others"] input[type="text"]{
width: 44%;
}
.wpcf7 input[name="experience01"]  {
width: 5%;
}
.wpcf7 input[name="experience02"]  {
width: 5%;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="history"]  span.wpcf7-list-item {
display: inline-block !important;
margin: 0 10px 0 0;
}
.wpcf7 textarea{
width: 96%;
min-height: 40px !important;
outline: none;
border: 1px solid #999;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:10px 2%;
font-size: 1.0rem;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="schedule"]  span.wpcf7-list-item {
display: inline-block !important;
margin: 0 10px 0 0;
}
.wpcf7 input[name="health02"],.wpcf7 input[name="health03"]{
margin: 0 0 10px 2%;
width: 44%;
}
.wpcf7 input[type='file'] {
border: none;
cursor: pointer;
text-align: center;
}
::file-selector-button,
::-webkit-file-upload-button {
border: none;
cursor: pointer;
background: #fff;
padding: 0px;
text-align: center;
border: 1px solid #0086D6;
background: #fff;
border-radius: 20px;
padding: 10px 40px;
}
#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 40%;
left: 0px;
background: #000;
z-index: 1;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
color: #fff;
z-index: 2;
}
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }
.luxbar-default {
width: 100%;
position: relative; }
.luxbar-static {
width: 100%;
position: absolute;
top: 0;
left: 0; }
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
position: absolute; }
.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
display: block;
height: 2px;
width: 26px;
transition: 0.6s ease; }
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
background-color: transparent; }
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
margin-top: 0; }
.luxbar-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.luxbar-menu-center .luxbar-navigation, .luxbar-menu-center .luxbar-header {
justify-content: center }
.luxbar-menu-center .luxbar-hamburger {
margin: 0px 0px 0px auto; }
.luxbar-menu-right .luxbar-navigation, .luxbar-menu-right .luxbar-header {
justify-content: center  }
.luxbar-menu-right .luxbar-hamburger {
margin: 0px 0px 0px auto; }
.luxbar-menu {
background-color: #000!important;
padding-top: 30px;
min-height: 45px;
transition: 0.6s ease;
width: 100%; }
#members .luxbar-menu {
background-color: #0E4C6A!important;
}
.luxbar-navigation {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0; }
.luxbar-item {
color: #fff;
line-height: 160%; 
padding:0px;
margin: 0; 
}
.luxbar-menu a,
.luxbar-item a {
text-decoration: none;
color: inherit;
cursor: pointer; }
.luxbar-item a {
color: #fff;
display: block;
padding:30px 10px 10px 10px; }
#members .luxbar-item a:hover{
color: #A5D393;
}
#general .luxbar-item a:hover{
color: #cc2b24;
}
.luxbar-hamburger {
color: #fff;
padding: 24px 12px 18px 12px;
position: relative;
cursor: pointer; }
.luxbar-hamburger span::before, .luxbar-hamburger span::after {
content: '';
position: absolute; }
.luxbar-hamburger span::before {
margin-top: -8px; }
.luxbar-hamburger span::after {
margin-top: 8px; }
.luxbar-checkbox {
display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
overflow: hidden;
height: 45px; }
.luxbar-checkbox:checked ~ .luxbar-menu {
background-color: #231815;
transition: height 0.6s ease;
height: 100vh;
overflow: auto; }
.dropdown {
position: relative;
height: auto;
min-height: 55px; }
.dropdown:hover > ul {
position: relative;
display: block;
min-width: 100%; }
.dropdown > a::after {
position: absolute;
content: '';
right: 10px;
top: 25px;
border-width: 5px 5px 0;
border-color: transparent;
border-style: solid; }
.dropdown > ul {
display: block;
overflow-x: hidden;
list-style: none;
padding: 0; }
.dropdown > ul .luxbar-item {
min-width: 100%;
height: 19px;
padding: 5px 10px 5px 40px; }
.dropdown > ul .luxbar-item a {
min-height: 29px;
line-height: 29px;
padding: 0; }
.bd {
display: none; }
@media screen and (min-width: 1024px) {    	
.bd {
padding:12px 0px 12px 0px; 
display: inline; }
.luxbar-item a {
color: #fff;
display: block;
padding:12px; }
.luxbar-item a:hover{
color: #A5D393;
padding:12px; }
.luxbar-navigation {
flex-flow: row;
justify-content: center; }
.luxbar-hamburger {
display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
overflow: visible; }
.luxbar-checkbox:checked ~ .luxbar-menu {
height:45px; }
.luxbar-menu .luxbar-item {
border-top: 0; }
.dropdown {
height: 58px; }
.dropdown:hover > ul {
position: absolute;
left: 0;
top: 58px;
padding: 0; }
.dropdown > ul {
display: none; }
.dropdown > ul .luxbar-item {
padding: 5px 10px; }
.dropdown > ul .luxbar-item a {
white-space: nowrap; } }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
transform: rotate(225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
transform: rotate(-225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
transform: rotate(45deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
transform: rotate(-45deg); }  .luxbar-menu-light,
.luxbar-menu-light .dropdown ul { background: #fff;}
.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover {}
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after {
background-color: #fff; 
}
@media screen and (max-width: 1023px) {
.sticky {
position: relative;
top: 0px;　
z-index: 10000000; 
transform: none!important;
-webkit-transform: none!important;
}
#header {
position: fixed;
top: 0px;
left: 0;
height: 45px;
}
.sticky #header {
margin: 0;
}
.luxbar-menu {
padding-top: 0px;
}
img{
max-width: 100%;
height: auto;
}
#top-head {
position: absolute;
top: 80px;
width: 50%;
}
#top-txt {
position: absolute;
top: 120px;
right: 20px;
height: calc(100vh - 180px)  !important;
height: -webkit-calc(100vh - 180px)  !important;
}
.fullSlideShow ul {
top: calc(50% + 45px)  !important;
top: -webkit-calc(50% + 45px)  !important;
left: 50%;
width: 100%;
position: fixed; overflow: hidden;
}
#top-news box{
display: block;
}
#top-news h2{
width: 100%;
display: block;
padding:0 0 30px 0;
}
#top-news .news-list{
width: 100%;
text-align: left;
display: block;
}	
.box {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}
.ac-container{
font-size: 90%; 
}
.img-left{
float: none;
margin: 0px 0px 10px 0px;
display: block;
}
.img-right{
float: none;
margin: 0px 0px 10px 0px;
display: block;
}
.a-box img{
width: 100%;
height: auto;
}
#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,#menu07 a,#menu08 a{
display:block;
background: none;
color:#A5D393;
padding: 10px 0px 10px 0px!important;
border-bottom:1px solid #fff;
}
.banner br {
display: none;
}
.banner img{
padding: 5px 0px 5px 0px;
}
.sns-img {
display: none ;
}
.sp-sns-img{
display: block;
}
.news-time{
letter-spacing: 5px;
}	
.photos {
font-size: 80%; 
}
.metaslider {
width: 100%!important;
margin: auto !important;
}
.metaslider .caption-wrap {
font-size: 80%; 
}
.a-left{
width: 100%;
padding: 5px 0px 5px 0px;
display: block;
vertical-align: top;   
}
.a-right{
width: 100%;
padding: 5px 0px 30px 0px;
display: block;
vertical-align: top;   
}
.a-w-left{
width: 100%;
padding: 5px 0px 5px 0px;
display: block;
vertical-align: top;   
}
.a-w-right{
width: 100%;
padding: 5px 0px 0px 0px;
display: block;
vertical-align: top;   
}
.g-w-left{
width: 100%;
padding: 0px 0px 5px 0px;
display: block;
vertical-align: top;   
}
.g-w-right{
width: 100%;
padding: 5px 0px 0px 0px;
display: block;
vertical-align: top; 
}
.g-y-left{
width: 100%;
padding: 0px 0px 5px 0px;
display: block;
vertical-align: top;   
}
.g-y-right{
width: 100%;
padding: 5px 0px 0px 0px;
display: block;
vertical-align: top; 
}
.g-y-img{
width: 100%;
padding: 0px 0px 10px 0px;
display: block;
vertical-align: top; 
}
.g-y-img:nth-child(1){
padding: 0px 0px 10px 0px;
}
.shibu{
border: 2px solid #fff;
padding: 10px 10px 10px 70px;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
background: url(//owada-rainbow.com/wp/images/shibu.png) 10px center no-repeat;
background-size: 50px 37px;
}
.shibu-left{
width: 100%;
padding: 0 0 0 0;
display: block;
vertical-align: top;   
font-size: 90%; 
}
.shibu-right{
width: 100%;
padding: 10px 0 0 0;
display: block;
vertical-align: top; 
font-size: 90%; 
}
.koen-list{
width: 100%;
display: block;
vertical-align: top; 
margin: 0 0 10px 0;
font-size: 80%; 
line-height: 140%; 
}
.koen-img{
width: 100%;
display: block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
.koen-txt{
width: 100%;
display: block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
.koen-img01{
width: 31.5%;
display: inline-block;
vertical-align: top; 
padding: 0 0.4% 5px 0;
margin: 0;
}
.koen-img02{
width: 67%;
display: inline-block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
.ac-txt{
width: 100%;
float: none;
padding: 15px 0 0px 0px;
vertical-align: top;
text-align: justify;
}
.ac-img{
width: 100%;
float: none;
padding: 15px 0 0px 0px;
vertical-align: top;
}
.koza-list{
width: 100%;
display: block;
vertical-align: top; 
margin: 0 0 10px 0;
font-size: 80%; 
line-height: 140%; 
}
.koza-list:nth-of-type(even){
padding: 0 0 0 0;
}
.koza-list:nth-of-type(odd){
padding: 0 0 0 0;
}
.koza-img{
width: 33%;
display: inline-block;
vertical-align: top; 
padding: 0 1% 5px 0;
margin: 0;
}
.koza-txt{
width: 64%;
display: inline-block;
vertical-align: top; 
padding: 0 0 5px 0;
margin: 0;
}
}
#topcontrol {
z-index: 99999;
}
.n2-ss-slider-controls-above {
background: #fff!important;
border-radius: 10px 10px 0 0;
-moz-border-image: border-radius: 10px 10px 0 0;
-webkit-border-image: border-radius: 10px 10px 0 0;
font-weight: bold!important;
}
.nextend-arrow-next,.nextend-arrow-previous {
background: none!important;
}
.nextend-arrow-next img.skip-lazy,.nextend-arrow-previous img.skip-lazy {
width: 40px!important;
}
.pdf {
position: relative;
width: 100%;
height: 0;
padding-top: 141.5%;
}
.pdf iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 480px) {
#top-icon img{
width: 75px;
height: auto;
}
#top-icon {
position: absolute;
top: 40vh;
bottom: auto;
right: 20px;
}
#members #top-icon {
position: absolute;
top: 50vh;
bottom: auto;
right: 20px;
}
#top-btn img{
width: 75px;
height: auto;
}
#top-btn {
position: absolute;
top: 40vh;
bottom: auto;
right: 25px;
}
#general #top-btn {
position: absolute;
top: 25vh;
bottom: auto;
right: 25px;
}
#top-apply img{
width: 200px;
height: auto;
}
#top-apply {
position: absolute;
top: 43vh;
bottom: auto;
right: 110px;
}
.c-menu {
display: block;
}
button.c-btn{
width: 100%;
min-height: 100px;
height: auto;
margin: 0 0 10px 0;
background-size: contain!important;
}
.c-btn.btn01,.c-btn.btn02,.c-btn.btn03,.c-btn.btn04  {
background-size: cover;
}
.c-btn.btn01:hover,.c-btn.btn01.is-active,.c-btn.btn02:hover,.c-btn.btn02.is-active,.c-btn.btn03:hover,.c-btn.btn03.is-active,.c-btn.btn04:hover,.c-btn.btn04.is-active   {
background-size: cover;
}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"] ,.wpcf7 input[type="email"]{
width: 96%;
min-height: 40px !important;
outline: none;
border: 1px solid #999;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:0 2%;
}
.wpcf7 input[name="your-grade"]  {
width: 20%;
}
.wpcf7 input[name="address01"]  {
width: 30%!important;
}
.wpcf7 input[name="address02"]  {
width: 96%!important;
}
.wpcf7 input[name="station01"]  {
width: 30%;
}
.wpcf7 input[name="station02"]  {
width: 40%;
}
.wpcf7 input[name="time"]  {
width: 20%;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-subject-others"] input[type="text"]{
width: 94%;
}
.wpcf7 input[name="experience01"]  {
width: 30%;
}
.wpcf7 input[name="experience02"]  {
width: 30%;
}
.wpcf7-form-control-wrap[data-name="schedule"]  .wpcf7-list-item{
margin: auto;
width: 46%;
display: inline-block;
}
.wpcf7-form-control-wrap[data-name="schedule"]  .wpcf7-list-item.last{
width: 90%;
display: block;
}  
.wpcf7 input[name="health02"],.wpcf7 input[name="health03"]{
margin: 0 0 10px 2%;
width: 94%;
}
.wpcf7 select {
padding-left:10px;
padding-right:20px; 
}
.wpcf7 input[type="submit"] {
width:80%;
}
.wpcf7 input.wpcf7-previous {
width:80%;
}
.pick-left{
width: 100%;
display: block;
vertical-align: top; 
padding: 0 0 30px 0;
}
.pick-right{
width: 100%;
display: block;
vertical-align: top; 
padding: 0 0 0 0;
margin: 0;
}
.ap-box h3 img{
width: auto;
height: 25px;
margin: 0px 0px 0px 0px;
}
h3.pick img{
width: auto;
height: 25px;
margin: 0px 0px 0px 0px;
}
.pick-right p img{
margin: auto;
display: block;
}
}
.grecaptcha-badge { visibility: hidden; }