#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-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
height: 800px;
display: block;
min-width: 1200px;
}
#mainimage .body {
text-align: left;
min-width: 1200px;
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
display: block;
}
#mainimage .logo {
padding-top: 80px;
text-align: left;
}
#mainimage ul.type {
padding-top: 60px;
display: flex;
flex-flow: nowrap;
justify-content: space-between;
width: 800px;
}
#mainimage ul.type li {
width: 48%;
}
#mainimage ul.type li a {
color: #ffffff;
font-size: 28px;
line-height: 1.2em;
border: solid #ffffff 2px;
text-decoration: none;
padding: 0.8em 0 0.9em 0;
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 li a:after {
content: '';
box-sizing: border-box;
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #FFF;
transform: rotate(45deg);
top: 45%;
right: 5%;
}
#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);
}
#mainimage ul.type a:hover {
background: #cedbe9;
background: -moz-linear-gradient(45deg,  #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
background: -webkit-linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
background: linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=1 );

}

ul.main_bt {
width: 1200px;
margin: 0px auto 100px auto;
display: block;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
ul.main_bt li {
}
ul.main_bt a {}
ul.main_bt img {
box-shadow: 0 0px 20px 0 rgba(255, 255, 255, 0.75);
position: relative;
}
ul.main_bt img:hover {
transform:scale(1.05,1.05);
transition:0.7s all;
}

#contents h1 {
margin-top: 20px;
text-align: center;
font-size: 50px;
line-height: 1.5em;
}
#contents h2.name {
text-align: center;
font-size: 26px;
line-height: 1.5em;
border-left: none;
padding: 0;
margin-bottom: 0;
}
#logo-rydair {
text-align: center;
margin-top: 30px;
margin-bottom: 70px;
}

#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: 100px;
padding-bottom: 100px;
}
#point .body {
text-align: center;
margin: 50px auto 0 auto;
width: 1200px;
}
#point h3 {
color: #fff;
font-size: 40px;
line-height: 1.5em;
padding-bottom: 30px;
margin: 0px auto 0 auto;
}
#point p {
margin: 0 0 3em 0;
text-align: left;
font-size: 20px;
line-height: 1.8em;
}
#point ul {
font-size: 20px;
line-height: 1.8em;
text-align: left;
margin-top: -2em;
}
#point ul li {
font-weight: bold;
}
#point .image {
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;
text-align: center;
padding-top: 140px;
padding-bottom: 100px;
}
#contents #movie h3 {
color: #fff;
font-size: 40px;
line-height: 1.5em;
padding-bottom: 30px;
margin: 0px auto 0 auto;
}
#contents #movie .image {
text-align: center;
margin: 50px auto 0 auto;
width: 1200px;
}
#contents #movie .image img {
margin-bottom: 50px;
}
#contents #movie .image p {
margin: 0 0 3em 0;
text-align: left;
font-size: 20px;
line-height: 1.8em;
}
.ytp-title-text {
visibility: hidden;
}

#contents .bg1 {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/bg.jpg");
background-repeat: repeat-x;
background-position: center bottom;
padding-bottom: 150px;
text-align: center;
}

#example {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example h3 {
font-size: 42px;
text-align: center;
line-height: 1.5em;
padding-top: 70px;
padding-bottom: 50px;
}
#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");
background-size: cover;
display: block;
margin-bottom: 40px;
}
#example .box h4 {
color: #000;
font-size: 30px;
line-height: 1.2em;
padding-top: 0.6em;
padding-bottom: 0.6em;
text-align: center;
}
#example .box .left {
float: left;
width: 650px;
margin-left: 50px;
text-align: left;
}
#example .box .right {
display: block;
float: right;
width: 300px;
margin-right: 50px;
}
#example .box h5 {
font-size: 22px;
line-height: 1.5em;
margin-bottom: 30px;
}
#example .box p {
font-size: 18px;
line-height: 1.7em;
margin-bottom: 30px;
}
#example .box a {
color: #FFF;
text-decoration: underline;
}
#example .box a:hover {
color: #CCC;
}
#example .box .image {
text-align: center;
}

#example-detail,
#example-detail2,
#example-detail3 {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom: 50px;
padding-top: 20px;
}
#example-detail h3,
#example-detail2 h3,
#example-detail3 h3 {
font-size: 42px;
text-align: center;
line-height: 1.5em;
padding-top: 70px;
padding-bottom: 50px;
}
#example-detail .box,
#example-detail2 .box,
#example-detail3 .box {
overflow: hidden;
position: relative;
padding-bottom: 0px;
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example-detail .box .title,
#example-detail2 .box .title,
#example-detail3 .box .title {
background-image: url("/wp/wp-content/themes/tornex/rydair/image/title-bg1.jpg");
background-size: cover;
display: block;
height: 80px;
margin-bottom: 40px;
}
#example-detail .box h4,
#example-detail2 .box h4,
#example-detail3 .box h4  {
color: #000;
font-size: 30px;
padding-top: 25px;
text-align: center;
}
#example-detail .box .left,
#example-detail2 .box .left,
#example-detail3 .box .left {
text-align: center;
padding-bottom: 15px;
}
#example-detail .box .right,
#example-detail2 .box .right,
#example-detail3 .box .right {
display: block;
}
#example-detail .box h5,
#example-detail2 .box h5,
#example-detail3 .box h5 {
font-size: 22px;
line-height: 1.5em;
margin-bottom: 30px;
text-align: center;
}
#example-detail p,
#example-detail2 p,
#example-detail3 p {
font-size: 18px;
line-height: 1.7em;
margin-bottom: 30px;
}
#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 {
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#example-detail .box2 .image,
#example-detail2 .box2 .image,
#example-detail3 .box2 .image {
width: 90%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}

#news {
}
#news h3 {
color: #fff;
text-align: center;
}
#news .body {
background-color: #FFFFFF;
width: 1200px;
margin: 30px auto 80px auto;
padding: 3em 0 4em 0;
}
#news ul {
text-align: left;
width: 90%;
margin: 0px auto;
}
#news li {
border-bottom: 1px solid #D6D6D6;
color: #000;
}
#news a {
display: block;
text-decoration: none;
color: #000;
padding: 1em;
font-size: 17px;
line-height: 1.5em;
}
#news a:hover {
background-color: #EDEDED;
}
#news li .date {
font-size: 14px;
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 0.1em 0.4em;
font-size: 14px;
line-height: 1.3em;
margin: 0 0.5em 0 0.5em;
}
#news li .link {
font-size: 20px;
line-height: 1.7em;
font-weight: bold;
}
#news p {
width: 300px;
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: 18px;
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;
}
#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;
}