/* CSS for PC @date     2018 @author   sarahchan */
/* ------------------------------------------

------------------------------------------ */
.sp { display: none !important; }

#widewrapperW{position: relative;}
#widewrapper{width: 100%;}
#keyVisual{ position: relative; width: 100%; height: 500px; margin: 0px; background: url(../images/keyVisual.jpg) no-repeat; background-size: cover;}
#main-top{position: absolute; z-index: 9; top: 30px; right: 15%;}

#contents.column1{width: 100%; padding: 0 0 50px 0; overflow: hidden;}
#contents{background: url(../images/page-bg.jpg);}

#nav-box{width: 1140px; overflow: hidden; margin: 50px auto 0;}
#nav-box li{width: 20%; float: left;}
#nav-box a{width: 195px; margin: 0 auto;}
#nav-box a:hover{opacity: 0.6;}

.box{width: 1140px; margin: 50px auto 0; background: #F2F8E3; overflow: hidden; padding: 50px 0 0 0;}
.ttl-box{overflow: hidden; width: 1040px; margin: 0 auto 30px;}
.ttl-icon{float: left; margin-right: 6px;}
.ttl-name{float: left; width: 990px; height: 60px; background: url(../images/ttl-bg.png); text-align: center; font-size: 24px; font-weight: bold; line-height: 300%;}
.float-clear{overflow: hidden; margin: 0 auto 50px;}
.height01{width: 495px; float: left; margin: 0 0 0 50px; background-color: #fff; padding: 20px 0;}
#cpu01 a{display: block; width: 463px; margin: 0 auto;}
#cpu01 a:hover{opacity: 0.8;}
#gora a{display: block; width: 463px; margin: 0 auto;}
#gora a:hover{opacity: 0.8;}

#cpu-txt{display: block; width: 460px; margin: 10px auto 0; font-size: 11px; line-height: 150%; color: #333;}

.golf-ttl-box{width: 1040px; margin: 0 auto 20px;}
.golf-ttl-box img{display: block; width: 510px; margin: 0 auto 20px;}
.golf-ttl-box p{display: block; text-align: center; font-size: 14px; line-height: 150%;}
.golf-point{margin: 0 50px 50px;}
.golf-line3{width: 31%; margin: 0 1.1%; float: left;}
.golf-line3 img{display: block; width: 100%;}
.golf-line3 div{background-color: #fff; padding: 20px;}
.point-name{display: block; font-size: 16px; font-weight: bold; line-height: 150%; margin-bottom: 10px;}
.point-txt{display: block; font-size: 12px; line-height: 150%;}
.point-small{display: block; font-size: 11px; color: #555; line-height: 150%; margin-top: 5px;}

.spot-box{margin-bottom: 50px;}
.spot-big{overflow: hidden; width: 1040px; margin: 0 0 20px 50px;}
.spot-big img{display: block; float: left; width: 510px; margin-right: 20px;}
.spot-big div{display: block; float: left; width: 510px;}
.spot-name{display: block; font-size: 24px; font-weight: bold; color: #4A6C32; margin-bottom: 10px;}
.spot-pr{display: block; font-size: 14px; line-height: 150%; margin-bottom: 10px;}
.spot-access{display: block; border: 1px solid #555; padding: 10px; font-size: 12px; line-height: 150%;}
.spot-small{overflow: hidden; margin: 0 0 0 50px;}
.spot-small li{display: block; width: 245px; float: left; margin-right: 20px;}
.spot-small li:hover{cursor: pointer; opacity: 0.8;}
.spot-small img{display: block; width: 100%;}
.bnr-box{width: 700px; margin: 0 auto 30px;}
.bnr-box img{display: block; width: 100%;}
.bnr-box a{display: block; background-color: #fff;}
.bnr-box a:hover{opacity: 0.8;}
.bnr-box p{display: block; text-align: center; margin-top: 10px; font-size: 12px;}

#Gora_bnr{width: 864px; margin: 50px auto;}
#Gora_bnr a{display: block;}
#Gora_bnr a:hover{opacity: 0.7;}
#Gora_bnr img{display: block; width: 100%;}

#search-box h1{display: none;}
#search-box{margin: 0 50px 50px; border: none;}
.column1 #search-box{width: 1040px; }
.column1 #search-box .searchCategory{width: auto;}
.column1 #search-box #domestic-search-box, .column1 #search-box #overseas-search-box{padding: 20px;}

#gotop{position: fixed; z-index: 999; right: 100px; bottom: 80px; width: 80px;}
#gotop a:hover{opacity: 0.8;}

iframe{width: 592px; height: 375px; float: left; margin: 0 30px 0 50px;}
#access-box{width: 432; float: left;}
#access-box p{display: block; font-size: 14px; line-height: 150%; margin-bottom: 10px;}
#access-box span{display: block; margin-bottom: 5px; font-size: 16px; color: #4A6C32; font-weight: bold; padding: 3px 0 0 35px;}
#plane{background: url(../images/Plane.png) no-repeat;}
#train{background: url(../images/train.png) no-repeat;}
#car{background: url(../images/car.png) no-repeat;}