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

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

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

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

#nav-box{overflow: hidden; margin: 20px auto 0;}
#nav-box li{width: 50%; float: left; margin-top: 10px;}
#nav-box a{width: 80%; margin: 0 auto; display: block;}
#nav-box a img{display: block; width: 100%;}
#nav-box a:hover{opacity: 0.6;}

.box{width: 90%; margin: 30px auto 0; background: #F2F8E3; overflow: hidden; padding: 20px 20px 0; box-sizing: border-box;}
.ttl-box{overflow: hidden; margin: 0 auto 20px;}
.ttl-icon{width: 44px; margin: 0 auto 10px; display: block;}
.ttl-name{border-top:3px solid #000; border-bottom: 3px solid #000; text-align: center; padding: 10px 0; font-size: 20px; font-weight: bold; line-height: 130%;}
.float-clear{overflow: hidden; margin: 0 auto 20px;}
.height01{margin: 0 0 20px 0; background-color: #fff; padding: 20px 0;}
#cpu01 a{display: block; width: 90%; margin: 0 auto;}
#cpu01 img{display: block; width: 100%;}
#cpu01 a:hover{opacity: 0.8;}
#cpu-txt{display: block; width: 90%; margin: 10px auto 0; font-size: 11px; line-height: 150%; color: #333;}

.golf-ttl-box{margin: 0 auto 20px;}
.golf-ttl-box img{display: block; width: 100%; margin: 0 auto 20px;}
.golf-ttl-box p{display: block; text-align: center; font-size: 14px; line-height: 150%;}
.golf-point{margin: 0;}
.golf-line3{ margin-bottom: 20px;}
.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: 20px;}
.spot-big{overflow: hidden; margin: 0 0 20px 0;}
.spot-big img{display: block; width: 100%; margin-bottom: 10px;}
.spot-big div{display: block;}
.spot-name{display: block; font-size: 20px; font-weight: bold; color: #4A6C32; margin-bottom: 5px;}
.spot-pr{display: block; font-size: 14px; line-height: 150%;}
.spot-access{display: block; border: 1px solid #555; padding: 10px; font-size: 12px; line-height: 150%; margin-top: 10px;}
.spot-small{overflow: hidden;}
.spot-small li{display: block; width: 25%; float: left;}
.spot-small li:hover{cursor: pointer; opacity: 0.8;}
.spot-small img{display: block; width: 96%; margin: 0 2%;}
.bnr-box{margin: 0 auto 20px;}
.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: 90%; margin: 30px auto;}
#Gora_bnr a{display: block;}
#Gora_bnr a:hover{opacity: 0.7;}
#Gora_bnr img{display: block; width: 100%;}

#search-box{margin: 0 0 20px 0; border: 1px solid #000;}
#search-box h1{margin: 9px; color: #000;}

#gotop{display: none;}

iframe{height: 220px; width: 100%; margin: 0px;}
#access-box{margin: 0px;}
#access-box p{display: block; font-size: 14px; line-height: 150%; margin-top: 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;}