#mainimage {
position: relative;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
top: 0px;
background-image: url("/wp/wp-content/themes/tornex/rydair/image/mainimage.jpg");
background-size: cover;
padding-bottom: 40px;
}
#mainimage .body {
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
display: block;
}
#mainimage .logo {
padding-top: 20px;
width: 80%;
text-align: left;
padding-left: 10px;
}
#mainimage ul.type {
padding-top: 20px;
display: flex;
flex-flow: nowrap;
justify-content: space-between;
width:90%;
margin: 0px auto 0 auto;
}
#mainimage ul.type li {
width: 48%;
}
#mainimage ul.type li a {
color: #ffffff;
font-size: 20px;
line-height: 1.2em;
border: solid #ffffff 2px;
text-decoration: none;
padding: 0.8em 0.5em 0.8em 0.5em;
display: block;
text-align: center;
border-radius: 2px;
position: relative;
-webkit-box-shadow: 0px 0px 3px #009fe8;
-moz-box-shadow: 0px 0px 3px #009fe8;
box-shadow: 0px 0px 3px #009fe8;
}
#mainimage ul.type .bt1 {
background: #5e7b8e;
background-image: -webkit-linear-gradient(top, #5e7b8e, #3b516e);
background-image: -moz-linear-gradient(top, #5e7b8e, #3b516e);
background-image: -ms-linear-gradient(top, #5e7b8e, #3b516e);
background-image: -o-linear-gradient(top, #5e7b8e, #3b516e);
background-image: linear-gradient(to bottom, #5e7b8e, #3b516e);
}
#mainimage ul.type .bt2 {
background: #668b70;
background-image: -webkit-linear-gradient(top, #668b70, #3d6556);
background-image: -moz-linear-gradient(top, #668b70, #3d6556);
background-image: -ms-linear-gradient(top, #668b70, #3d6556);
background-image: -o-linear-gradient(top, #668b70, #3d6556);
background-image: linear-gradient(to bottom, #668b70, #3d6556);
}

ul.main_bt {
width: 90%;
margin: 20px auto 40px auto;
}
ul.main_bt li {
margin-bottom: 20px;
}
ul.main_bt a {}
ul.main_bt img {
box-shadow: 0 0px 20px 0 rgba(255, 255, 255, 0.75);
position: relative;
}

#contents h1 {
text-align: center;
font-size: 18px;
line-height: 1.2em;
width: 90%;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#contents h2.name {
text-align: center;
font-size: 14px;
line-height: 1.5em;
margin: 0 1em 0 1em;
border-left: none;
padding: 0;

}
#logo-rydair {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
width: 30%;
margin-right: auto;
margin-left: auto;
}

#point {
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: 50px;
}
#point .body {
text-align: center;
margin: 50px auto 0 auto;
}
#point h3 {
color: #fff;
font-size: 18px;
line-height: 1.5em;
padding: 0 1rem 30px;
margin: 0;
}
#point p {
margin: 0 1em 2em 1em;
text-align: left;
font-size: 16px;
line-height: 1.3em;
}
#point ul {
font-size: 16px;
line-height: 1.3em;
text-align: left;
margin: 0 1em 0 1em;
padding: 0 0 40px;
}
#point ul li {
font-weight: bold;
margin-bottom: 0.5em;
}
#point .image {
width: 90%;
text-align: center;
margin: 30px auto 50px auto;
}

#contents #movie {
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: 50px;
padding-bottom: 50px;
}
#contents #movie h3 {
color: #fff;
padding: 0 1em 20px 1em;
margin: 0px auto 0 auto;
}
#contents #movie .image {
width: 94%;
text-align: center;
margin: 20px auto 0 auto;
}
#contents #movie .image img {
margin-bottom: 3em;
}
#contents #movie .image p {
margin-top: 10px;
text-align: left;
font-size: 16px;
line-height: 1.3em;
}
iframe[src*='youtube.com'],
iframe[src*='youtube-nocookie.com'],
iframe[src*='youtu.be'] {
width: 94%;
height: calc(56.25vw * .9);
}
#contents .bg1 {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/bg.jpg");
background-size: contain;
background-position: center bottom;
padding-bottom: 50px;
}
#product_type {
width: 96%;
margin: 0px auto 0 auto;
padding-top: 0px;
}
#product_type section {
text-align: left;
padding: 0 4% 0 4%;
overflow: hidden;
}
#product_type .product {
padding: 5% 0 5% 0;
}
#product_type .product h3.title {
font-size: 20px;
line-height: 1.5em;
font-weight: normal;
}
#product_type .product ul.type {
display: flex;
flex-flow: nowrap;
justify-content: space-between;
margin-bottom: 10px;
}
#product_type .product ul.type li:nth-child(1) img {
width: 96%;
}


#merit {
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#merit h2 {
font-size: 22px;
font-weight: normal;
padding-top: 20px;
padding-bottom: 10px;
}
#merit .title {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/title-bg1.jpg");
display: block;
margin-bottom: 10px;
background-repeat: repeat;
}
#merit .title h3 {
color: #000;
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#merit p {
font-size: 14px;
line-height: 1.7em;
margin-bottom: 30px;
}
#merit h4 {
background-color: #727171;
font-size: 18px;
line-height: 1.5em;
font-weight: normal;
padding-top: 8px;
padding-bottom: 8px;
margin-top: 30px;
padding-right: 10px;
padding-left: 10px;
}
#place {
text-align: center;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#place .main-bg {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/bg2.jpg");
background-position: center top;
background-size:cover;
padding: 10px;
}
#place .main-bg .image {
}
#place .body {
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 90%;
}
#place .body .image {
margin-top: 30px;
}
#place h3 {
font-size: 18px;
line-height: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}
#place p {
font-size: 16px;
line-height: 1.7em;
}
#place p b {
color: #D8A300;
}
#deodorize {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}
#deodorize h3 {
padding-top: 30px;
font-size: 22px;
line-height: 1.5em;
}
#deodorize ul {
overflow: hidden;
position: relative;
padding-top: 20px;
padding-bottom: 30px;
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#deodorize li {
display: block;
margin-bottom: 5px;
}
#deodorize .image {
}
#deodorize .title {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/title-bg1.jpg");
display: block;
margin-bottom: 20px;
margin-top: 30px;
}
#deodorize .title h4 {
color: #000;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#deodorize p {
font-size: 16px;
line-height: 1.7em;
padding-bottom: 20px;
}

#faq {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
}
#faq h3 {
font-size: 18px;
padding-top: 40px;
line-height: 1.5em;
text-align: center;
padding-bottom: 30px;
} 
#faq .list {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
#faq h4 {
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;
}


#example {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example h3 {
font-size: 22px;
text-align: center;
line-height: 1.5em;
padding-top: 20px;
padding-bottom: 20px;
}
#example .box {
overflow: hidden;
position: relative;
padding-bottom: 40px;
}
#example .box .title {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/title-bg1.jpg");
display: block;
margin-bottom: 20px;
}
#example .box h4 {
color: #000;
font-size: 18px;
text-align: center;
padding: 10px;
}
#example .box .left {
}
#example .box .right {
display: block;
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example .box h5 {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 15px;
}
#example .box p {
font-size: 16px;
line-height: 1.7em;
margin-bottom: 15px;
}
#example .box a {
color: #FFF;
text-decoration: underline;
}
#example .box a:hover {
color: #CCC;
}
#example-detail,
#example-detail2,
#example-detail3 {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom: 10px;
padding-top: 10px;
}
#example-detail h3,
#example-detail2 h3,
#example-detail3 h3 {
font-size: 16px;
text-align: center;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
}
#example-detail .box,
#example-detail2 .box,
#example-detail3 .box {
overflow: hidden;
position: relative;
padding-bottom: 0px;
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example-detail .box .title,
#example-detail .box2 .title,
#example-detail .box3 .title {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/title-bg1.jpg");
display: block;
margin-bottom: 20px;
padding: 5px;
}
#example-detail .box h4,
#example-detail2 .box h4,
#example-detail3 .box h4 {
color: #000;
font-size: 16px;
text-align: center;
padding: 5px;
}
#example-detail .box .left,
#example-detail2 .box .left,
#example-detail3 .box .left {
text-align: left;
padding-bottom: 15px;
}
#example-detail .box .right,
#example-detail2 .box .right,
#example-detail3 .box .right {
display: block;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example-detail .box h5,
#example-detail2 .box h5,
#example-detail3 .box h5 {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 30px;
text-align: center;
}
#example-detail p,
#example-detail2 p,
#example-detail3 p {
font-size: 14px;
line-height: 1.7em;
margin-bottom: 20px;
text-align: left;
}
#example-detail p b,
#example-detail2 p b,
#example-detail3 p b {
color: #52A3BF;
font-weight: normal;
}
#example-detail .box2,
#example-detail2 .box2,
#example-detail3 .box2 {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 90%;
}
#example-detail .box2 .image,
#example-detail2 .box2 .image,
#example-detail3 .box2 .image {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#news {
}
#news h3 {
color: #fff;
text-align: center;
}
#news .body {
background-color: #FFFFFF;
width: 92%;
margin: 20px auto 40px auto;
padding: 1em 0 2em 0;
}
#news ul {
text-align: left;
width: 90%;
margin: 0px auto;
}
#news li {
border-bottom: 1px solid #D6D6D6;
}
#news a {
display: block;
text-decoration: none;
color: #000;
padding: 0.5em;
font-size: 16px;
line-height: 1.3em;
}
#news li .date {
font-size: 13px;
line-height: 1.5em;
color: #5A5A5A;
font-family: Arial, Helvetica, "sans-serif";
}
#news li .cat {
background-color:#505050;
color: #FFF;
display: inline-block;
padding: 0.1em 0.4em 0em 0.4em;
font-size: 13px;
line-height: 1.3em;
margin: 0 0.5em 0 0.5em;
position: relative;
top: -0.1em;
}
#news li .title {
display: block;
}
#news li .link {
font-size: 18px;
line-height: 1.7em;
font-weight: bold;
}
#news p {
width: 70%;
margin: 0px auto 0 auto;
}
#news p a {
background: #e9f1f7;
background-image: -webkit-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -moz-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -ms-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: -o-linear-gradient(top, #e9f1f7, #c7dceb);
background-image: linear-gradient(to bottom, #e9f1f7, #c7dceb);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #999999;
-moz-box-shadow: 0px 1px 3px #999999;
box-shadow: 0px 1px 3px #999999;
font-family: Arial;
color: #00008c;
font-size: 16px;
border: solid #cacad9 1px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
#news p a:hover {
background: #4b5dd6;
background-image: -webkit-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -moz-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -ms-linear-gradient(top, #4b5dd6, #121ab3);
background-image: -o-linear-gradient(top, #4b5dd6, #121ab3);
background-image: linear-gradient(to bottom, #4b5dd6, #121ab3);
color: #FFF;
}