@charset "utf-8";
/* CSS Document */

#Wrap{}

/*---------------------------------------------------MainVisual*/
#MainVisual{background-image:url(../images/mainvisual_photo.jpg);height:440px;position:relative;background-position:center top;background-repeat:no-repeat}
#MainVisual:after{content:"";background-image:url(../images/mainvisual_circle.png);display:block;position:absolute;width:100%;height:100%;z-index:1;left:0;bottom:-100px;background-position:center top}
#MainVisual h2{text-align:center;padding-top:60px;display:flex;justify-content:center;align-items:center;padding-bottom:15px;letter-spacing:1px}
#MainVisual h2 strong{font-size:34px}
#MainVisual h3{text-align:center;position:relative;z-index:2;margin-bottom:60px}
#MainVisual h3 p{text-align:center;width:310px;margin:0 auto}
#MainVisual h3 p img{}
#MainVisual h3 p + p{width:160px;margin-top:10px}
#MainVisual .loadingIn{height:60px}

/*---------------------------------------------------Search*/
#Search{position:relative;z-index:2;width:992px;margin:0 auto;box-shadow:0 0 5px #000}
#Search ul{display:flex}
#Search li{-webkit-transition: all .3s ease-out;}
#Search li + li{border-left:1px solid #c5c5c5}
#Search li:hover{opacity:.9!important;cursor:pointer!important}
#Search li#dst{flex:1.5;opacity:.7}
#Search li#day{flex:1;opacity:.7}
#Search li#date{opacity:.7}
#Search li#date input:hover{cursor: pointer !important;}
#Search li#btn{flex:1.5;opacity:.9}
#Search li#btn button{font-size: 18px;}
#Search li#btn button:before{position:absolute;left:15px;top:50%;margin-top:-.5em;content:"\f002";font-family:FontAwesome;line-height:1}
#Search li#btn button:hover{}
#Search li#date ::placeholder{color:#000}


/*---------------------------------------------------About*/
#About{position:relative;z-index:2;margin-top:50px;padding-bottom: 20px;}
#About .MainTxt{text-align:center;font-size: 18px;line-height:2.4;margin-bottom:40px;letter-spacing:1px;}
#About .MainTxt p{}
#About .MainTxt p span{
}

#About .Inner{display:flex;flex-wrap:wrap;margin-bottom:40px}
#About .Inner .Entry{width:50%;display:flex}
#About .Inner .Entry:nth-of-type(3),#About .Inner .Entry:nth-of-type(4){flex-direction:row-reverse;margin-top: -1px;}
#About .Inner .Entry .photo{width:50%;line-height:0}
#About .Inner .Entry .photo .img{}
#About .Inner .Entry .photo .caption{}
#About .Inner .Entry .main{width:50%;background-color:#fff;display:flex;align-items:center;text-align:center;justify-content:center}
#About .Inner .Entry .main dl{}
#About .Inner .Entry .main dt{font-size: 24px;line-height:1.2;padding-bottom:15px;}
#About .Inner .Entry .main dd{font-size: 15px;line-height:1.8;}
#About .Inner .Entry .main dd a{display:block;text-decoration:none;padding-top:7px;font-weight:700}
#About .Inner .Entry .main dd a:after{content:"\f105";font-family:FontAwesome;display:inline-block;padding-left:5px}
#About .Inner .Entry .main dd.SPonly{display:none}
#About .Inner .Entry:nth-of-type(1) .main{background-color:#68a9ad}
#About .Inner .Entry:nth-of-type(4) .main{background-color:#ad9e68}
#About .Inner .Entry:nth-of-type(1) .main,#About .Inner .Entry:nth-of-type(4) .main,#About .Inner .Entry:nth-of-type(1) .main a,#About .Inner .Entry:nth-of-type(4) .main a{color:#fff}
#About .Inner .Entry:nth-of-type(1) .main a:hover,#About .Inner .Entry:nth-of-type(4) .main a:hover{color:#FFF7B5}

@media screen and (max-width:1200px){
#About .Inner{display:block;width: 762px;margin:0 auto;margin-bottom: 40px;}
#About .Inner .Entry{width:100%}
#About .Inner .Entry:nth-of-type(1){}
#About .Inner .Entry:nth-of-type(2){flex-direction:row-reverse}
#About .Inner .Entry:nth-of-type(3){flex-direction:inherit}
#About .Inner .Entry:nth-of-type(4){flex-direction:row-reverse}
}


#About .subInner{width:992px;margin:0 auto;margin-bottom:30px}
#About .subInner ul{display:flex;flex-wrap:wrap;font-size: 19px;align-items:center;}
#About .subInner li{flex:1;text-align:center}
#About .subInner li + li{}
#About .subInner li + li{content:"";transform:skewX(150deg);border-left:1px solid #a7a7a7;padding-left:10px;padding-right:0;display:block;width:10px;height:70px;display:flex;flex-direction:column;justify-content:center}
#About .subInner li span{display:block}
#About .subInner li + li span{transform:skewX(-150deg);margin-left: 15px;}
#About .subInner li + li span:nth-of-type(1){margin-left: -30px;}
#About .subInner li + li .SPbr span{transform:skewX(0deg);margin-left:0}
#About .attention{text-align:center}
#About .attention span{}


/*------------------------------------LineUP*/
#LineUP{background-image:url(../images/wave.png);background-position:center top;background-repeat:no-repeat}
#LineUP .SC{padding-top:120px;width:992px;margin:0 auto;align-items:center;display:flex;justify-content:center;padding-bottom:50px}
#LineUP .SC h2{margin-bottom:0;margin-right:50px;color: #000;}
#LineUP .SC h2 .main{font-size: 32px;}
#LineUP .SC h2 .sub{font-size: 16px;}
#LineUP .SC ul{display:flex}
#LineUP .SC li{-webkit-transition:all .3s ease-out;text-align:center;padding:0 25px;}
#LineUP .SC li .main{}
#LineUP .SC li .main a{font-size:20px;text-decoration:none;color: #000;}
#LineUP .SC li .sub{font-size: 11px;letter-spacing:1px;}
#LineUP .SC li:after{content:"\f107";font-family:FontAwesome;font-size:20px;line-height:1.2;}
#LineUP .SC li:hover,#LineUP .SC li:hover a{color: #ad9e68;cursor:pointer;}