@charset "UTF-8";

/*==============================================*/
/* Contents Style */
/*==============================================*/


.fleft{
text-align:center !important;
padding:25px;
float:left;
}

.fright {
padding:20px;
float:left;
}

.fleft img {
margin:auto !important ;
padding-bottom:8px;
}

.maintxt {
margin-top:30px;
}

.maintxt2 {
margin-top:10px;
font-size:90%;
}

.maintxt strong {
font-size:140%;
color:#ed7faf;
font-weight:bold;
line-height:1.5em;
}

.list02 {
margin-top: 40px;
}

.list02 li {
position: relative;
margin-top: -1px;
padding: 20px 0;
border-top: #f99 solid 1px;
border-bottom: #f99 solid 1px;
}

.list02 li.line01 {
padding: 30px 0;
}

.list02 li .btn01 {
position: absolute;
top: 50%;
right: 0;
margin-top: -25px;
}

.list02 li .btn02 {
position: absolute;
top: 50%;
right: 0;
margin-top: -25px;
}

.list02 li .btn02 img {
width:100%;
}


.wrap01 {
width: 80%;
vertical-align: middle;
line-height: 1.4;
font-size: 100%;
}

.wrap02 {
width: 100%;
vertical-align: middle;
line-height: 1.4;
font-size: 100%;
}



/* Clearfix
*****************************************/
.wrap:before,
.wrap:after,
.wrap01:before,
.wrap01:after {
content: " ";
display: table;
}

.wrap:after,
.wrap01:after {
clear: both;
}



@media screen and (min-width: 700px) {

#mainarea {
width: 1000px;
font-size: 130%;
}

.flight {
width:350px;

}

.fright {
width:600px;

}

figure img {
width:100%;
}


.col03 {
float: left;
line-height: 29px;
}

.col04 {
float: left;
font-size: 130%;
margin-left: 20px;
line-height: 29px;
}

.logo {
width: 1000px;
height: 56px;
margin: 10px auto 0 auto;
text-align: center;
background: url(../img/ti01.png) no-repeat center;
}

.logo img {
display: none;
}

.wrap02 {
margin-top:20px;
margin-bottom:-20px;
}


}


@media screen and (max-width: 700px) {


.fleft{
text-align:center;
width:100%;
}


#mainarea {
font-size: 130%;
}

.flight {
width: 100%;

}

.fright {
margin-top: -50px;
width: 100%;

}

figure img {
width:100%;
}

.col03 {
line-height: 29px;
}

.col04 {
width:60%;
font-size:130%;
line-height: 29px;
}

.logo {
width: auto;
height: auto;
background: none;
}

.logo img {
display: block;
}

.wrap02{
display: none;
}


}