@charset "UTF-8";
/* ----------------------------
import css
---------------------------- */ 

/*=============================================================
#base
=============================================================*/
body {
background-color: #000;
}
#container {
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
width: 100%;
overflow: hidden;
color: #fff;
}
#container a:hover {
	opacity: 1;
}
#container img {
	max-width: 100%;
	height: auto;
}
.hd {
display: none;
}
#header span, #footer span, #navi span {
display: none;
}
#page-top {
position: fixed;
top: 0px;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url("/wp/wp-content/themes/tornex/rydair/image/scroll-bg.png");
background-repeat: repeat-x;
background-size:cover;
display: block;
width: 100%;
z-index: 1000;
}
#page-top .body {
padding-top: 5px;
overflow: hidden;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#page-top .body .left {
display: block;
width: 60%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#page-top .body .right {
display: block;
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom: 10px;
}
#page-top .body .right a {
display: block;
text-align: center;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
line-height: 1.2em;
font-weight: bolder;
color: #FFFFFF;
background-color: #0A00C4;
background-image: -webkit-linear-gradient(top, #0a00c9 0%, #2118d5 48%, #0A00C4 49%, #0A00C4 82%, #0b00e0 100%);
background-image: -moz-linear-gradient(top, #0a00c9 0%, #2118d5 48%, #0A00C4 49%, #0A00C4 82%, #0b00e0 100%);
background-image: -o-linear-gradient(top, #0a00c9 0%, #2118d5 48%, #0A00C4 49%, #0A00C4 82%, #0b00e0 100%);
background-image: linear-gradient(top, #0a00c9 0%, #2118d5 48%, #0A00C4 49%, #0A00C4 82%, #0b00e0 100%);
border-color: hsl(243, 32%, 38%);
-webkit-box-shadow: inset 0 0 1px 1px #443aff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 1px 1px #443aff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 1px 1px #443aff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 1px 1px 1px #05005e;
-moz-text-shadow: 1px 1px 1px #05005e;
-o-text-shadow: 1px 1px 1px #05005e;
text-shadow: 1px 1px 1px #05005e;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 0.3em 0 0.5em 0;
}

#header {
padding-top: 0px;
background-image: url("/wp/wp-content/themes/tornex/rydair/image/line.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: 250%;
padding-bottom: 30px;
}
#header .logo {
text-align: center;
width: 100px;
margin: 0px auto 0 auto;
padding-top: 10px;
}
#header .logo img {
width: 100%;
height: auto;
}
#header .logo_bottom_text {
font-size: 16px;
line-height: 1.3em;
text-align: center;
margin: 10px auto 0 auto;
padding: 0;
}


/*=============================================================
#contents
=============================================================*/
iframe[src*='youtube.com'],
iframe[src*='youtube-nocookie.com'],
iframe[src*='youtu.be'] {
width: 100%;
height: calc(56.25vw * .9);
}
#mainbody {
padding-bottom: 30px;
width:100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 15px;
}
#mainbody #title {
display: block;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
}
#mainbody #title h1 {
font-size: 17px;
line-height: 1.5em;
font-weight: bold;
color: #333;
padding-left: 40px;
margin: 0px;
padding-top: 5px;
}
#mainbody #title h1 i {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #95AD63;
font-size: 10px;
margin-left: 15px;
}
#mainbody p {
font-size: 1em;
line-height: 1.7em;
color: #333;
margin-bottom: 2.2em;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
#contents {
width: 100%;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding: 0;
position: relative;
text-align: left;
}

#contents h3 {
font-size: 20px;
line-height: 1.2em;
}

#contents #support,
#contents #faq,
#contents #example,
#contents #outline {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/line.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 250%;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}

#contents #support h3{
color: #fff;
margin: 0px auto 0 auto;
padding: 0 1em 20px 1em;
}
#contents #support h3:nth-of-type(2) {
margin: 0px auto 0 auto;
padding: 30px 1em 20px 1em;
}
#contents #support p {
font-size: 16px;
line-height: 1.3em;
padding: 0 1em 20px 1em;
text-align: left;
}
#contents #support p b {
color: #D8A300;
}
#contents #support dl.photo {
width: 94%;
margin: 0px auto 0 auto;
}
#contents #support dl.photo dt {
}
#contents #support dl.photo dt ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#contents #support dl.photo dt ul li {
width: 48%;
background-color: aliceblue;
display: block;
height: 120px;
margin-bottom: 20px;
}
#contents #support dl.photo dd {
}
#contents #support .image {
width: 90%;
margin: 20px auto 20px auto;
}
#contents #support .image {
text-align: center;
margin: 0px auto 20px auto;
}

#contents #support dl.point {
width: 94%;
margin: 20px auto 0 auto;
position: relative;
}
#contents #support dl.point dt {
background: #4d4d4d;
background: -moz-linear-gradient(45deg,  #4d4d4d 0%, #b4b4b5 43%, #333333 100%);
background: -webkit-linear-gradient(45deg,  #4d4d4d 0%,#b4b4b5 43%,#333333 100%);
background: linear-gradient(45deg,  #4d4d4d 0%,#b4b4b5 43%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#333333',GradientType=1 );
font-size: 18px;
line-height: 1.2em;
padding: 0.7em 0 0.7em 0;
}
#contents #support dl.point dd {

}
#contents #support dl.point dd ul {
}
#contents #support dl.point dd ul li {
color: #000;
background-color: #eaeaea;
border: 1px solid #c1c1c1;
font-size: 18px;
line-height: 1.3em;
margin-bottom: 10px;
padding: 0.5em 0 0.5em 0;
}

#faq {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
}
#faq h3 {
padding-top: 0px;
line-height: 1.3em;
text-align: center;
padding-bottom: 20px;
} 
#faq .list {
width: 94%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
text-align: left;
}
#faq h4 {
text-align: left;
font-size: 16px;
line-height: 1.5em;
color: #FFFFFF;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-weight: bold;
}
#faq dl {
}
#faq dt {
font-size: 14px;
line-height: 1.3em;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,234,234,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,234,234,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eaea',GradientType=0 );
display: block;
padding-top: 10px;
padding-bottom: 8px;
cursor: pointer;
color: #000;
margin-bottom: 1px;
letter-spacing: 0em;
padding-left: 5px;
}
#faq dt:before {
content:"▼";
font-size: 9px;
color: #999999;
margin-right: 5px;
padding-left: 5px;
}
#faq dd {
font-size: 14px;
line-height: 1.5em;
padding: 10px;
border: 1px solid #CCC;
margin-bottom: 20px;
margin-top: -1px;
}
/*トグルになるメニューがアクティブ時のデザイン*/
#faq dl dt.active {
color: #003399;
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
}
#faq dl dt:hover {
color: #003399;
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
}
/*表示切り替えしたい要素は最初は非表示にしておく*/
#faq dl dd {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5em;
overflow: hidden;
position: relative;
display: none;
padding: 10px;
}
#faq dl dd p {
font-size: 14px;
line-height: 1.5em;
margin: 0px;
padding-bottom: 20px;
}
#faq dl dd .image {
float: right;
margin-left: 10px;
}
#faq dl dd a {
color: #FF9;
text-decoration: underline;
}

#outline {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}
#outline h3 {
color: #fff;
margin: 0;
padding: 0;
line-height: 1.3em;
}
#outline .box1 {
margin-top: 20px;
color: #000;
overflow: hidden;
position: relative;
}
#outline .left {
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
}
#outline .right {
display: block;
padding-bottom: 20px;
}
#outline .body {
width: 90%;
margin: 0px auto 0 auto;
padding-top: 10px;
background-color: #FFF;
}
#outline .box1 h4 {
width: auto;
background-color: #FF8000;
font-size: 18px;
line-height: 1.3em;
padding-top: 10px;
padding-bottom: 8px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 10px;
color: #FFF;
}
#outline .box1 h5 {
color: #FF7F00;
font-size: 18px;
line-height: 1.5em;
padding-right: 10px;
padding-left: 10px;
}
#outline .box1 .photo {
padding-top: 30px;
margin-bottom: 20px;
}
#outline table {
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #CCC;
color: #000;
}
#outline table tr td,
#outline table tr th {
  border: 1px solid #ccc;
}
#outline th {
background-color: #EEEEEE;
color: #000;
text-align: left;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
font-size: 13px;
line-height: 1.5em;
width: 25%;
font-weight: bold;
}
#outline td {
background-color: #FFF;
color: #000;
text-align: left;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.5em;
}
#outline .box1 p.kome {
text-align: left;
font-size: 12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 10px;
padding-right: 10px;
}
#outline .bt,
#outline .bt2 {
width: 90%;
margin: 20px auto 0 auto;
}
#outline .bt a,
#outline .bt2 a{
display: block;
text-align: center;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
text-decoration: none;
line-height: 1.1;
color: #FFFFFF;
font-size: 16px;
background-color: #0062C4;
background-image: -webkit-linear-gradient(top, #0065c9 0%, #1876d5 48%, #0062C4 49%, #0062C4 82%, #0070e0 100%);
background-image: -moz-linear-gradient(top, #0065c9 0%, #1876d5 48%, #0062C4 49%, #0062C4 82%, #0070e0 100%);
background-image: -o-linear-gradient(top, #0065c9 0%, #1876d5 48%, #0062C4 49%, #0062C4 82%, #0070e0 100%);
background-image: linear-gradient(top, #0065c9 0%, #1876d5 48%, #0062C4 49%, #0062C4 82%, #0070e0 100%);
border-color: #9edaff;
-webkit-box-shadow: inset 0 0 1px 1px #178bff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 1px 1px #178bff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 1px 1px #178bff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 1px 1px 1px #002f5e;
-moz-text-shadow: 1px 1px 1px #002f5e;
-o-text-shadow: 1px 1px 1px #002f5e;
text-shadow: 1px 1px 1px #002f5e;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 0.7em 1em 0.7em 1em;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: bold;
}
#outline .box2 {
background-color: #FFF;
margin-top: 40px;
overflow: hidden;
position: relative;
padding-bottom: 20px;
padding-top: 0px;
}
#outline .box2 .photo {
display: block;
padding-top: 0px;
}
#outline .box2 .photo .title {
padding: 10px;
}
#outline .box2 .text {
}
#outline .box2 ul {
padding-left: 25px;
padding-top: 10px;
}
#outline .box2 ul li {
list-style-type: disc;
margin-bottom: 15px;
}
#outline .btset {
margin: 0px auto 0 auto;
}

#contact {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/line.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 250%;
width: 100%;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom: 0px;
padding-top: 40px;
}
#contact h3 {
font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
font-size: 20px;
text-align: center;
line-height: 1.5em;
padding: 0;
margin: 0;
color: #FFF;
}
#contact .body {
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 20px;
padding-bottom: 0px;
}
#contact p.policy {
font-size: 12px;
line-height: 1.5em;
padding-bottom: 15px;
}
#contact p.policy img {
width: 50%;
}
/*=============================================================
#FOOTER
=============================================================*/
.pagetop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
text-align: center;
z-index: 8000;
cursor: pointer;
}
.pagetop span {
display: block;
border-radius: 50%;
background: #797979;
color: #fff;
font-size: 14px;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-decoration: none;
font-weight: bold;
height: 100%;
width: 100%;
line-height: 2.1;
font-family: Arial, Helvetica, sans-serif;
}
#footer {
margin-right: auto;
margin-left: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 30px;
padding-top: 30px;
overflow: hidden;
position: relative;
width: 100%;
background-color: #FFFFFF;
}
#footer .body {
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 90%;
}
#footer p.profile {
}
#footer p.link {
font-size: 12px;
line-height: 1.5em;
color: #333;
margin: 0px;
padding: 0px;
}
#footer p.copy {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
line-height: 150%;
padding-top: 20px;
padding-bottom: 10px;
}
#footer a {
color: #333;
text-decoration: none;
margin-right: 5px;
margin-left: 5px;
}
#footer a:hover {
color: #000;
text-decoration: underline;
}

/*=============================================================
#form
=============================================================*/
#contents input[type="text"]:hover, #contents textarea:hover {
border: 1px solid #666666;
}
#contents input[type="text"]:focus, #contents textarea:focus {
background-color: #ffffcc;
border: 1px solid #333333;
}
#contents input[type="text"], #contents textarea {
border: 1px solid #999999;
padding: 1px;
}
#contents input[type="submit"] {
border: 1px solid #C69;
font-size: 13px;
font-weight: normal;
color: #000;
background-color: #FFE7F5;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
line-height: 18px;
}
#contents input[type="submit"]:hover {
background-color: #FFCCCC;
}
.anq_required {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/required.gif");
background-repeat: no-repeat;
background-position: right top;
padding-right: 35px;
padding-bottom: 5px;
}