@charset "utf-8";

body {
color: #000000; margin: 0px;
padding: 0px;
font-size: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; background-color: #FFF; border-top: 4px solid #3366ff; }
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}
table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
} a {
color: #0066ff; }
a:hover {
color: #ff3300; text-decoration: none; }
a:hover img {
filter: Alpha(opacity=70);
opacity: 0.8; }
#header {
background: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed)); background-image: -webkit-linear-gradient(#FFF 80%, #ededed); background-image: linear-gradient(#FFF 80%, #ededed); border-bottom:1px solid #cccccc;
}
#header .inner {
overflow: hidden;
padding: 6px 0px 6px 0;
} #header .inner h2 {
margin-top:10px;
} #header .inner h1 {
font-size:12px;
font-weight:normal;
}
#header .inner h3 {
display:none;
}
#header .inner address{
margin-top:5px;
}
.header_menu_left{
float:left;
}
.header_menu_right{
float:right;
}
#header .inner ul {
font-size:14px;
margin: 0px;
}
#header .inner ul li {
float: left;
margin-right: 5px;
font-weight:bold;
}
#header .inner ul li a {
color: #330000;
text-decoration: none;
border: #cccccc 1px solid;
background: #ffffff;
padding: 4px;
display:block;
border-radius: 20px; 
-webkit-transition: 0.5s; transition: 0.5s; }
#header .inner ul li a:hover {
color: #330000;
text-decoration: none;
background: #ffcc00;
}
#change {
background: rgba(255,255,255,0.6);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed)); background-image: -webkit-linear-gradient(#FFF 80%, #ededed); background-image: linear-gradient(#FFF 80%, #ededed); position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: none;
z-index: 9999;
padding: 8px 0 8px 0px;
border-top: 4px solid #3366ff; border-bottom:1px solid #cccccc;
} #change .inner h2 {
margin-top:10px;
} #change .inner h1 {
font-size:12px;
font-weight:normal;
}
#change .inner address{
margin-top:5px;
}
#change ul {
font-size:14px;
margin: 0px;
}
#change ul li {
float: left;
margin-right: 5px;
font-weight:bold;
}
#change ul li a {
color: #330000;
text-decoration: none;
border: #cccccc 1px solid;
background: #ffffff;
padding: 2px;
display:block;
border-radius: 20px; 
-webkit-transition: 0.5s; transition: 0.5s; }
#change ul li a:hover {
color: #330000;
text-decoration: none;
background: #ffcc00;
}
#top {
padding: 0px 0px 0px 0px;
text-align: center;
font-family: 'Droid Sans', sans-serif;
background: #73c1fd;
}
#top h1 {
background: #1e272f;
width: 300px;
height: 300px;
margin: auto;
font-family: 'Dancing Script', cursive;
font-weight: bold;
border-radius: 50%;
position: relative;
font-size: 50px;
font-size: 5rem;
}
#top h1 span {
position: absolute;
top: 85px;
width: 300px;
left: 0px;
text-align: center;
}
#content {
background: #ffffff;
border-top: #f66f6f 2px solid;
}
#content .inner {
background: #ffffff;
position: relative;
padding: 50px 0;
} #content h2 {
font-size:20px;
border-bottom: solid 3px #cce4ff;
position: relative;
}
#content h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
} #content h3 {
background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3)); background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); background-image: linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; font-size: 100%;
color: #0066ff; padding: 2px 15px; clear: both;
border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 3px solid #0066ff; }
#content .inner p {
line-height: 180%;
margin-bottom: 20px;
}
#content #arrow {
width: 64px;
border-radius: 50%;
overflow: hidden;
display: block;
position: absolute;
left: 0px;
margin-left: 452px;
top: -32px;
}
#content #arrow .left {
width: 32px;
height: 64px;
float: left;
background: #f66f6f;
}
#content #arrow .right {
width: 32px;
height: 64px;
float: right;
background: #f66f6f;
}
#content #arrow .icon {
position: absolute;
width: 20px;
height: 15px;
left: 22px;
top: 27px;
background: url(https://www.kaiteki-film.com/wp-content/themes/kaiteki-film/images/arrow.png) no-repeat;
}
.inner {
width: 960px;
margin: auto;
}
.top_left{
float:left;
width:600px;
}
.top_right{
float:right;
width:350px;
}
.top_text{
color:#0066cc;
}
.top_sale{
border:5px solid #0066cc;
padding:6px;
}
.sekou{
background-color:#ffff00;
font-size:20px;
font-weight:bold;
text-align:center;
border:1px solid #000000;
}
.sale_price{
font-size:20px;
color:#ff0000;
font-weight:bold;
}
.rihure1{
border:5px solid #0066cc;
padding:10px;
margin-bottom:10px;
}
.rihure1_left{
float:left;
width:550px;
}
.rihure1_right{
float:right;
width:350px;
}
.rihure_price1{
border:5px solid #999999;
padding:6px;
text-align:center;
}
.rihure_price2{
border:5px solid #0066cc;
padding:6px;
text-align:center;
}
.flow_area{
text-align:center;
}
.flow1{
margin-left:auto;
margin-right:auto;
width: 0;
height: 0;
border-top: 20px solid #ff9900;
border-right: 50px solid transparent;
border-bottom: 20px solid transparent;
border-left: 50px solid transparent;
}
.kaiteki{
border:5px solid #3399cc;
padding:10px;
margin-bottom:10px;
}
.kaiteki_left{
float:left;
width:550px;
}
.kaiteki_right{
float:right;
width:300px;
}
footer {
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #FFF; background: #999999; border-top: 4px solid #3366ff; }
footer .pr {
display: block;
font-size: 80%;
}
footer a {
text-decoration: none;
color: #FFF;
}
footer a:hover {
color: #FFF;
}
.video{
position:relative;
height:0;
padding:30px 0 56.25%;
overflow:hidden;
}
.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
video{
max-width:100%;
height:auto;
}
.margin_b{
margin-bottom:10px;
}
.red{
color:#ff0000;
font-weight:bold;
}
.red2{
color:#ff0000;
font-weight:bold;
font-size:20px;
text-align:center;
}
.blue{
color:#0066cc;
font-weight:bold;
}
.blue2{
color:#0066cc;
font-weight:bold;
font-size:20px;
}
.green{
color:#009900;
font-weight:bold;
}
.pagetop {
display: none;
position: fixed;
bottom: 27px;
right: 15px;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
background-color: #b2d1fb;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.fuwatAnime {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1.5s;
-ms-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name: fuwatAnime;
-ms-animation-name: fuwatAnime;
animation-name: fuwatAnime;
visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
} .video{
position:relative;
height:0;
padding:30px 0 56.25%;
overflow:hidden;
}
.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}  video{
max-width:100%;
height:auto;
}
.breadcrumb {
margin-left: 0;
padding-left: 0;
margin-bottom:20px;
}
.breadcrumb li{
display:inline; list-style: none;
font-weight: bold; }
.breadcrumb li:after{ font-family: FontAwesome;
content: '\f0da';
padding: 0 3px;
color: silver;
}
.breadcrumb li:last-child:after{
content: '';
}
.breadcrumb li a {
text-decoration: none;
color: #0066ff;
}
.breadcrumb li:first-child a:before{ font-family: FontAwesome;
content: '\f015';
font-weight: normal;
font-size: 1.1em;
color: #f3948f;
}
.breadcrumb li a:hover {
text-decoration: underline;
} .list article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0f0f0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0f0f0)); background-image: -webkit-linear-gradient(#FFF, #f0f0f0); background-image: linear-gradient(#FFF, #f0f0f0); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
.list article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
.list article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } .list article a:hover {
background-color: #FFF; } .list article p {
padding: 0px;
margin-left: 220px; } .list article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } .list article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #0066ff; margin-bottom: 0.5em;
color: #0066ff; }
table {
border-top: 1px solid #4f4d47;
border-right: 1px solid #4f4d47;
width: 900px;
border-spacing: 0px;
margin: 0;
}
th, td {
border-bottom: 1px solid #4f4d47;
border-left: 1px solid #4f4d47;
text-align: center;
padding: 5px;
}
th { background-color: #61c5bb; color: #fff;}
.demo01{
margin-bottom:20px;
}
.b1{
font-size:20px;
color:#0066cc;
font-weight:bold;
}
.r1{
font-size:12px;
color:#ff0000;
}
dl.qa {
overflow: hidden;
_zoom: 1;
}
dl.qa dd,
dl.qa dt {
text-indent: -2.6em; 
padding: 0 20px 0px 50px;
}
dl.qa dt {
margin: 20px 20px 0 0;
}
dl.qa dd:first-letter,
dl.qa dt:first-letter {
font-size: 1.6em;
font-weight: bold;
margin-right: 10px;
padding: 5px;
}
dl.qa dd {
margin: 10px 0 -1px 0;
padding-bottom: 20px;
border-bottom: solid 1px #aaa;
}
dl.qa dt:first-letter {
color: #3498db;
}
dl.qa dd:first-letter {
color: #ff6767;
}
.area_link{
display:none;
}