@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%;
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;
display: block;
height: 92px;
width: 100%;
z-index: 1000;
}
#page-top .body {
padding-top: 12px;
overflow: hidden;
position: relative;
min-width: 1200px;
width: 96%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#page-top .body .left {
display: block;
float: left;
width: 600px;
text-align: left;
}
#page-top .body .right {
display: block;
float: right;
width: 600px;
text-align: right;
}
#page-top .body .right a {
display: inline-block;
text-align: center;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
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.6em 2em 0.6em 2em;
}
#page-top .body .right a:hover {
background-color: #C40000;
background-image: -webkit-linear-gradient(top, #c90000 0%, #d51818 48%, #C40000 49%, #C40000 82%, #e00000 100%);
background-image: -moz-linear-gradient(top, #c90000 0%, #d51818 48%, #C40000 49%, #C40000 82%, #e00000 100%);
background-image: -o-linear-gradient(top, #c90000 0%, #d51818 48%, #C40000 49%, #C40000 82%, #e00000 100%);
background-image: linear-gradient(top, #c90000 0%, #d51818 48%, #C40000 49%, #C40000 82%, #e00000 100%);
border-color: hsl(0, 36%, 38%);
-webkit-box-shadow: inset 0 0 1px 1px #ff2626, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 1px 1px #ff2626, 0 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 1px 1px #ff2626, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 1px 1px 1px #5e0000;
-moz-text-shadow: 1px 1px 1px #5e0000;
-o-text-shadow: 1px 1px 1px #5e0000;
text-shadow: 1px 1px 1px #5e0000;
}

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

/*=============================================================
#contents
=============================================================*/
#mainbody {
padding-bottom: 40px;
min-width:1200px;
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%;
min-width: 1200px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
padding-bottom: 25px;
position: relative;
text-align: left;
}

#contents h3 {
font-size: 40px;
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;
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
#support .body {
text-align: center;
margin: 50px auto 0 auto;
width: 1200px;
}
#contents #support h3{
color: #fff;
padding-bottom: 30px;
margin: 0px auto 0 auto;
}
#contents #support h3:nth-of-type(2) {
margin: 100px 0 0 0;
}
#contents #support p {
font-size: 20px;
line-height: 1.8em;
text-align: left;
margin: 0 0 1em 0;
}
#contents #support p b {
color: #D8A300;
}
#contents #support dl.photo {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 1200px;
margin: 50px auto 30px auto;
}
#contents #support dl.photo dt {
width: 540px;
}
#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: 200px;
margin-bottom: 20px;
}
#contents #support dl.photo dd {
}
#contents #support .image {
margin: 0px 0 100px 0;
}
#contents #support dl.point {
background-color: #FFF;
width: 1200px;
margin: 20px auto 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
position: relative;
}
#contents #support dl.point dt {
margin: 10px;
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 );
width: 220px;
font-size: 20px;
line-height: 1.5em;
padding: 50px 0 50px 0;
}
#contents #support dl.point dd {
margin: 15px 20px 5px 0;
width: 930px;
}
#contents #support dl.point dd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#contents #support dl.point dd ul li {
width: 49%;
color: #000;
background-color: #eaeaea;
border: 1px solid #c1c1c1;
font-size: 22px;
line-height: 1.5em;
margin-bottom: 10px;
padding: 0.5em 0 0.5em 0;
}


#faq h3 {
font-size: 42px;
line-height: 1.5em;
text-align: center;
padding-bottom: 30px;
}
#faq .body {
width: 1200px;
margin: 0px auto 0 auto;
}
#faq .list {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
#faq h4 {
font-size: 24px;
line-height: 1.5em;
color: #FFFFFF;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-weight: bold;
text-align: left;
}
#faq dl {
text-align: left;
}
#faq dt {
font-size: 16px;
line-height: 1.5em;
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;
}
#faq dt:before {
content:"▼";
font-size: 12px;
color: #999999;
margin-right: 10px;
padding-left: 10px;
}
#faq dd {
font-size: 16px;
line-height: 1.7em;
padding: 2em;
border: 1px solid #CCC;
margin-bottom: 30px;
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: 16px;
line-height: 1.7em;
overflow: hidden;
position: relative;
display: none;
padding: 2em;
}
#faq dl dd p {
font-size: 15px;
line-height: 1.7em;
margin: 0px;
padding-bottom: 20px;
}
#faq dl dd .image {
float: right;
margin-left: 15px;
}
#faq dl dd a {
color: #FF9;
text-decoration: underline;
}

#outline {
min-width: 1200px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}
#outline h3 {
color: #fff;
margin: 0;
padding: 0;
}
#outline .box1 {
margin: 60px auto 0 auto;
color: #000;
overflow: hidden;
position: relative;
padding-bottom: 20px;
width: 1200px;
}
#outline .left {
display: block;
width: 590px;
float: left;
padding-bottom: 0px;
}
#outline .body {
background-color: #FFF;
padding-top: 5px;
padding-bottom: 10px;
}
#outline .right {
display: block;
float: right;
width: 590px;
}
#outline .box1 h4 {
width: auto;
background-color: #FF8000;
font-size: 20px;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 8px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 10px;
color: #FFF;
}
#outline .box1 h5 {
color: #FF7F00;
font-size: 18px;
line-height: 1.5em;
}
#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;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#outline table tr td,
#outline table tr th {
  border: 1px solid #ccc;
}
#outline th {
background-color: #EEEEEE;
color: #000;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
font-size: 13px;
line-height: 1.5em;
font-weight: bold;
}
#outline td {
background-color: #FFF;
color: #000;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
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: 25px;
}
#outline .btset {
width: 1200px;
margin: 0px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#outline .bt {
margin-top: 20px;
width: 100%;
}
#outline .bt2 {
margin-top: 20px;
width: 48%;
}
#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: 22px;
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 0 0.7em 0;
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 .bt a:hover,
#outline .bt2 a:hover{
color: #FFF;
background-color: #039bfa;
background-image: -webkit-linear-gradient(top, #42d3ff, #039bfa);
background-image: linear-gradient(top, #42d3ff, #039bfa);
border-color: #FFF;
}
#outline .box2 {
background-color: #FFF;
margin-top: 40px;
overflow: hidden;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
}
#outline .box2 .photo {
display: block;
float: left;
width: 490px;
padding-top: 20px;
}
#outline .box2 .photo .title {
margin-bottom: 20px;
}
#outline .box2 .text {
float: right;
width: 690px;
}
#outline .box2 ul {
padding-left: 20px;
padding-top: 10px;
}
#outline .box2 ul li {
list-style-type: disc;
margin-bottom: 15px;
font-size: 13px;
}
#outline .box2 th {
background-color: #EEEEEE;
color: #000;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
font-size: 13px;
line-height: 1.5em;
text-align: left;
width: 100px;
}
#outline .box2 td {
background-color: #FFF;
color: #000;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 10px;
font-size: 14px;
line-height: 1.5em;
text-align: left;
}



#contact {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/line.png");
background-position: left top;
background-repeat: no-repeat;
text-align: center;
padding-top: 50px;
padding-bottom: 100px;
margin: 0px auto 0 auto;
color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contact h3 {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
color: #FFF;
}
#contact .body {
width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-bottom: 0px;
}



/*=============================================================
#FOOTER
=============================================================*/
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
text-align: center;
z-index: 8000;
cursor: pointer;
}
.pagetop span {
display: block;
border-radius: 50%;
background-color: #797979;
color: #fff;
font-size: 18px;
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.5;
font-family: Arial, Helvetica, sans-serif;
}
.pagetop span:hover {
background-color: #8a969e;
}
#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;
}
#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;
}