@charset "utf-8";
#buy{
overflow-x: hidden!important;

}
/*----------pagetitle---------------*/
#pagetitle{
background:url(../common/img/page_bg.png) ,url(img/buy_h2.png);
background-repeat:repeat, no-repeat;
background-position:50%;
height:300px;
width:100%;
}
#pagetitle .wrapper3 h2 span img{
margin-right:10px;}
/*----------tub---------------*/
#tub_parents{
background:#ffee60;
z-index: 999999;
}
#tub_child ul li a{
color:#a29101;
}
#tub_child{
background:#fbf9c6;
}
#tub_child ul li.selected {
    background: url(../common/img/arrow09.png) , #fff;
    background-repeat: no-repeat;
    background-size: 7.5px;
    background-position: 10% 40%;
}
#tub_child ul li:hover {
    background: url(../common/img/arrow09.png) , #fff;
    background-repeat: no-repeat;
    background-size: 7.5px;
    background-position: 10% 40%;

}
	
/*----------ccontents01---------------*/
#contents01 {
position:relative;
padding-top: 80px;
margin-top:0;}
#contents01 .img01{
position:absolute;
left:10%;
zoom:1;
}
#contents01 .img02{
position:absolute;
top:40%;
left:0;
zoom:1;
}
#contents01 .img03{
position:absolute;
top:70%;
left:10%;
zoom:1;
}

#contents01 .img04{
position:absolute;
top:30%;
right:0%;
zoom:1;
}
#contents01 .img05{
position:absolute;
top:60%;
right:5%;
zoom:1;
}




#contents01 h3{
font-size:48px;
font-weight: 300;
position:relative;
padding:60px 0 0 0; 
}
#contents01 h3 span{
background:none;
}
#contents01 h3 span img{
zoom:1;
}
#contents01 h3 span.left{
position:absolute;
top:-10px;
}

#contents01 h3 span.right{
position:absolute;
top:-10%;
right:0;
}

#contents01 ul{
width:660px;
margin:20px auto;
}
#contents01 p{
text-align: center;
line-height: 1.7;
}
#contents01 li{
margin-bottom:20px;
}
#contents01 li img{
zoom:1;
}
#contents01 li span{
font-size:14px;
color:#e73e52;
display:block;
margin-left:31%;
line-height:1.5;}
/*----------ccontents02---------------*/
#contents02{
background: url(../common/img/bg05.gif) repeat  0 0;
background-size:8px;
margin-top:0;
position:relative;
padding-top: 60px;
overflow-x: hidden;

}
#contents02 ol{
list-style: none;
margin-top:40px;
}
#contents02 ol li img{
zoom:1;
}
#contents02 ol li:last-child img{
zoom:0.5;
vertical-align: middle;
margin-right:5%;
}
#contents02 ol li{
float:left;
width:33.33%;
margin-bottom:40px;
min-height: 170px;
}
#contents02 ol li span{
display:block;
margin-top:5px;
font-size:15px;
line-height:1.7;}
#contents02 ol li:last-child{
padding:10px 0 0  0;
}
#contents02 ol li .link{
display:block;
background:url(../common/img/arrow12.png) , #ebebe3;
background-size:6px;
background-repeat: no-repeat;
background-position: 95% 50%;
margin-top:20px;
padding:7%;
transition: all .2s ease-in-out;}
#contents02 ol li .link:hover{
box-shadow: 0px 0px 30px 4px rgba(153, 145, 145, 0.6);
}


#trance01{
height:60px;
position:absolute;
top:-60px;
width:100%;
background:#fff;
transform: rotate(1deg) scale(1.5) skew(1deg) translate(0px);
-webkit-transform: rotate(1deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(1deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(1deg) scale(1.5) skew(1deg) translate(0px);
-ms-transform: rotate(1deg) scale(1.5) skew(1deg) translate(0px);

}

/*----------contents03---------------*/
#contents03 {
padding-top:100px;
margin-top:0;
position:relative;
}
.bg{
position:absolute;
top:60px;
zoom:1;
}

#slider{
margin-top:40px;
}
#slider li img{
zoom:1;
}
.bx-viewport{
height:auto!important;
}
.bx-wrapper .bx-caption{
background:rgba(11,92,227,0.8);
}

.bx-wrapper .bx-controls-direction a{
		width:23px;
		height:35px;
		z-index: 9998;
}
.bx-wrapper .bx-prev{
    left: -5%;
    background: url(img/prev.png) no-repeat 0 0!important;
}
.bx-wrapper .bx-next{
    right: -5%;
    background: url(img/next.png) no-repeat 0 0!important;
}
/*----------ccntents04---------------*/

#contents04 img{
zoom:1;
}
#contents04{
background: url(img/bg_03.gif) repeat  0 0;
margin-top:0;
padding-top: 60px;
}
#contents04 .wrapper4{
position:relative;
}
.bg01{
position:absolute;
top:-5%;
left:-10%;}
.bg02{
position:absolute;
bottom:-30%;
right:-10%;
z-index: 9998;}

#contents04 ul{
margin-top:40px;
margin-bottom:60px;
}
#contents04 ul li{
width:28%;
float:left;
margin:0 2.5%;}
#contents04 ul li img{
width:100%;}
#contents04 ul li dl{
margin-top:10px;
}
#contents04 ul li dl dt{
font-size:18px;
margin-bottom:10px;
font-weight: 500;}


/*----------contents05---------------*/

#contents05{
position: relative;
padding-top:240px;
/*overflow-x: hidden;
*/}
#contents05 h5{
font-size:18px;
text-align: center;
font-weight: 400;
margin-bottom:40px;
}
#contents05 h5 span{
font-size:36px;
margin-left:2%;
}

#trance02{
height:65px;
position:absolute;
top:160px;
width:100%;
background:#fff;
transform: rotate(8deg) scale(1.5) skew(1deg) translate(0px);
-webkit-transform: rotate(-2deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(-2deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(-2deg) scale(1.5) skew(1deg) translate(0px);
-ms-transform: rotate(-2deg) scale(1.5) skew(1deg) translate(0px);
overflow-x: hidden;
}

#contents05{
padding-bottom:0;
}
#contents05 .wrapper4{
background: url(img/bg_05.png) no-repeat bottom right;
padding-bottom:40px;
}
#contents05 #gmap{
width:32%;
height:265px;
float:left;
border:3px solid #e30b18;
}
#contents05 #gmap img{
zoom:1;}
#contents05 .right{
float:left;
width:34%;
margin-left:2%;}
#contents05 .right dt{
font-family: "coquette",sans-serif;
font-style: normal;
font-weight: 400;
font-size:30px;
color:#e30b18;
/*float:left;
*/	
}
#contents05 .right dd{
font-size:20px;
margin-bottom:10px;
/*float:left;
margin-left:10%;*/
}
#contents05 .right p.tel_dd{
font-size:36px;
/*color:#e30b18;
*/letter-spacing: -2px;
margin-top:5px;
vertical-align: middle;
}
#contents05 .right p.tel_dd span{
font-size:15px;
color:#fff;
background:#e30b18;
width:61px;
display:inline-block;
vertical-align: middle;
margin-right:2%;
padding:5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
letter-spacing: normal;
}
#contents05 .right p.tel_dd.tel_free1 span{
background:#0b5ce3;
}

#contents05 p.time{
background:#e30b18;
color:#fff;
text-align: center;
padding:1% 0;
margin-top:20px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
#contents05 p.text{
margin-top:10px;
font-size:14px;
line-height: 1.5;
}


/*----------contents06---------------*/

#contents06{
background:#ebebe3;
padding-top:60px;
margin-top:0;
}
#contents06 section{
background:#fff;
padding:4%;}
#contents06 section h5{
font-size:24px;
color:#0b962d;
font-weight:400;
text-align: center;
margin-bottom:40px;
background: url(img/line.gif) repeat-x 0 50%;
}
#contents06 section h5 span{
background:#fff;
padding:0 20px;
}
#contents06 #no01 div{
margin-bottom:20px;
}
#contents06 #no01 h6{
font-weight: 400;
}
#contents06 #no01 h6 span{
color:#0b962d;
background:#faf57f;
width:90%;
float:right;
padding:16px 2%;
display:block;
line-height:1.5;
vertical-align: middle;
}
#contents06 #no01 h6:before{
content:"Q";
width:6%;
height:56px;
text-align: center;
line-height: 56px;
color:#fff;
display: inline-block;
vertical-align: middle;
background:#a8da45;
font-size:20px;}
#contents06 #no01 h6 + p {
margin-top:10px;
}
#contents06 #no01 h6 + p span{
width:90%;
float:right;
line-height:1.5;
padding:0 2%;
display:block;
vertical-align: middle;
}
#contents06 #no01 h6 + p:before{
content:"A";
width:6%;
height:56px;
text-align: center;
line-height: 56px;
color:#fff;
display: inline-block;
vertical-align: middle;
background:#ffb42b;
font-size:20px;}

#contents06 #no02{
margin-top:60px;
}
#contents06 #no02 dl dt{
font-weight: 500;
margin-bottom:10px;}

#contents06 #no02 dl dd{
line-height:1.5;
margin-bottom:30px;
}
#contents06 #no02 dl dd:last-child{
margin-bottom:0;}

@media (max-width: 1250px) {
#contents01 .img01{
left:5%;
}
#contents01 .img02{
left:0%;
}
#contents01 .img03{
right:0;
}
}
@media (max-width: 1120px) {
#contents01 .img01,
#contents01 .img02,
#contents01 .img03,
#contents01 .img04,
#contents01 .img05{
display:none;}
}

@media (max-width: 1060px) {
#contents01 h3 span.right{
right:0;
}
}
@media (max-width: 960px) {
#contents01 h3 span.right{
display:none;
}
#contents01 h3 span.left{
left:5%;
}
#contents06 section{
padding:2%;
}
}
@media (max-width: 900px) {
#contents02 ol li {
    width: 50%;
}
}
@media (max-width: 750px) {
#pagetitle .wrapper3 h2 span img{
width:22px;
}
#buy h3{
background:none;
}
#contents01 h3 span.left{
position:static;
display:block;}
#contents01 h3 span.left img{
width:100%;}
#contents01 h3{
font-size:27px;
padding-top:20px;
}
#contents01 p{
text-align: left;
font-size:16px;
}
#contents01 li span{
margin-left:0;
}
#contents01 ul{
width:98%;
}
#contents01 li img{
width:100%;
}
#contents02 ol{
padding:0 5%;
}

#contents02 ol li {
    width: 100%;

}
.bg{

position:inherit;
}
.bx-wrapper{
width:80%;
margin:0 auto;
}
.bg01,
.bg02,
#trance01,
#trance02{
display:none;
}
#contents04 ul li{
width:85%;
float:none;
margin:0 auto 30px auto;
}
#contents05 h5{
margin:20px 0;
}
#contents05 h5 span{
display:block;
font-size:25px;
}

#contents05 #gmap{
width:100%;
float:none;
margin-bottom:10px;
}
#contents05 .right{
float:none;
width:100%;
}#contents05 p.text{
padding-right:30%;
}
#contents05 .wrapper4{
background-size:50%;
}

#contents06 #no01 h6 span{
font-size:16px;
}
#contents06 #no01 h6:before{
background:url(img/open.png) , #a8da45;
background-size:5%;
background-repeat:no-repeat;
background-position:95% 50%;
}
#contents06 #no01 h6.close:before{
background:url(img/close.png) , #a8da45;
background-size:5%;
background-repeat:no-repeat;
background-position:95% 50%;
}
#contents06 #no01 h6 span,
#contents06 #no01 h6 + p span{
width:auto;
float:none;
}
#contents06 #no01 h6:before,
#contents06 #no01 h6 + p:before{
display:block;
width:100%;
text-align: center;
height:auto;
line-height:inherit;
padding:10px 0;
}
#contents06 #no01 div,
#contents06 #no02 dl dd{
margin-bottom:20px;
}

#contents06 #no02 {
margin-top:20px;
padding-bottom:3%;
}
#contents06 section h5{
font-size:18px;
margin:20px 0;
}
#contents05 .right p.tel_dd{
font-size:42px;
}
#contents05 p.text,
#contents06 p,
#contents06 dd{
font-size:14px;
}


}