@charset "UTF-8";
/* ================================

	じゃらんnet 共通cssの調整兼reset

================================ */

#golfList__item .item__body .item__figure {
	box-sizing: border-box;
	padding-left: 30px;
	padding-bottom: 30px;
}
#golfList__item .size-S .item__body .item__figure {
	padding-left: 16px;
	padding-bottom: 16px;
}

/*  不具合調整
---------------------- */
#header-new .header-new_left .header-new_navi {
	height: auto;
}
#header-new .header-new_right .header-new_links {
	text-align: right;
}

@media all and (-ms-high-contrast:none) {
#header-new .header-new_right .header-new_links {
	margin-top: 36px;
}
}
/* width:100% に対応できるように調整
---------------------- */
#container {
	width: 100% !important;
}
#header-new, div#footer, #footRLogo, div#footer p#footLine2, #pankuzubox {
	width: 100%;
	max-width: 950px;
}

/* sp */
@media (max-width:767px) {
#header-new .header-new_right,  .header-new_links,  #footRLogo .siteMap {
	display: none;
}
}
/* reset
---------------------- */
.mainContent * {
	box-sizing: border-box;
}
.mainContent ul {
	list-style: none;
}
.mainContent ul, .contents li {
	margin: 0;
	padding: 0;
}
.mainContent img {
	vertical-align: bottom;
}
.mainContent img {
	border: 0;
}
/* utility
---------------------- */
.tC {
	text-align: center;
}
.rImg {
	max-width: 100%;
	height: auto;
}
.sanSerif {
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.serif {
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;*/
	font-style:normal;
	font-weight:bold;
}

@media (min-width:481px) {
.xl-hide {
	display: none;
}
}

@media (max-width:480px) {
.sp-hide {
	display: none;
}
}
/* clerfix -micro clearfix
-------------------------------- */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
*zoom: 1;
}
/* gird
---------------------- */
/* clearfix */
.row:after, .col:after {
	content: "";
	display: block;
	clear: both;
}
/* row */
.row {
	padding-bottom: 0;
	position: relative;
}
/* col */
.col {
	display: block;
	width: 100%;
	float: left;
}
/*　SP カラム　*/
.sp-gr1 {
	width: 8.33333333333%;
}
.sp-gr2 {
	width: 16.6666666667%;
}
.sp-gr3 {
	width: 25%;
}
.sp-gr4 {
	width: 33.3333333333%;
}
.sp-gr5 {
	width: 41.6666666667%;
}
.sp-gr6 {
	width: 50%;
}
.sp-gr7 {
	width: 58.3333333333%;
}
.sp-gr8 {
	width: 66.6666666667%;
}
.sp-gr9 {
	width: 75%;
}
.sp-gr10 {
	width: 83.3333333333%;
}
.sp-gr11 {
	width: 91.6666666667%;
}
.sp-gr12 {
	width: 100%;
}
.gutters .sp-gr1 {
	width: 6.33333333333%;
}
.gutters .sp-gr2 {
	width: 14.6666666667%;
}
.gutters .sp-gr3 {
	width: 23%;
}
.gutters .sp-gr4 {
	width: 31.3333333333%;
}
.gutters .sp-gr5 {
	width: 39.6666666667%;
}
.gutters .sp-gr6 {
	width: 48%;
}
.gutters .sp-gr7 {
	width: 56.3333333333%;
}
.gutters .sp-gr8 {
	width: 64.6666666667%;
}
.gutters .sp-gr9 {
	width: 73%;
}
.gutters .sp-gr10 {
	width: 81.3333333333%;
}
.gutters .sp-gr11 {
	width: 89.6666666667%;
}
.gutters .sp-gr12 {
	width: 98%;
}

/*　タブレット カラム　*/
@media ( min-width : 481px ) {
.md-gr1 {
	width: 8.33333333333%;
}
.md-gr2 {
	width: 16.6666666667%;
}
.md-gr3 {
	width: 25%;
}
.md-gr4 {
	width: 33.3333333333%;
}
.md-gr5 {
	width: 41.6666666667%;
}
.md-gr6 {
	width: 50%;
}
.md-gr7 {
	width: 58.3333333333%;
}
.md-gr8 {
	width: 66.6666666667%;
}
.md-gr9 {
	width: 75%;
}
.md-gr10 {
	width: 83.3333333333%;
}
.md-gr11 {
	width: 91.6666666667%;
}
.md-gr12 {
	width: 100%;
}
.gutters .md-gr1 {
	width: 6.33333333333%;
}
.gutters .md-gr2 {
	width: 14.6666666667%;
}
.gutters .md-gr3 {
	width: 23%;
}
.gutters .md-gr4 {
	width: 31.3333333333%;
}
.gutters .md-gr5 {
	width: 39.6666666667%;
}
.gutters .md-gr6 {
	width: 48%;
}
.gutters .md-gr7 {
	width: 56.3333333333%;
}
.gutters .md-gr8 {
	width: 64.6666666667%;
}
.gutters .md-gr9 {
	width: 73%;
}
.gutters .md-gr10 {
	width: 81.3333333333%;
}
.gutters .md-gr11 {
	width: 89.6666666667%;
}
.gutters .md-gr12 {
	width: 98%;
}
}

/*　PC カラム　*/
@media ( min-width : 768px ) {
.lg-gr1 {
	width: 8.33333333333%;
}
.lg-gr2 {
	width: 16.6666666667%;
}
.lg-gr3 {
	width: 25%;
}
.lg-gr4 {
	width: 33.3333333333%;
}
.lg-gr5 {
	width: 41.6666666667%;
}
.lg-gr6 {
	width: 50%;
}
.lg-gr7 {
	width: 58.3333333333%;
}
.lg-gr8 {
	width: 66.6666666667%;
}
.lg-gr9 {
	width: 75%;
}
.lg-gr10 {
	width: 83.3333333333%;
}
.lg-gr11 {
	width: 91.6666666667%;
}
.lg-gr12 {
	width: 100%;
}
.gutters .lg-gr1 {
	width: 6.33333333333%;
}
.gutters .lg-gr2 {
	width: 14.6666666667%;
}
.gutters .lg-gr3 {
	width: 23%;
}
.gutters .lg-gr4 {
	width: 31.3333333333%;
}
.gutters .lg-gr5 {
	width: 39.6666666667%;
}
.gutters .lg-gr6 {
	width: 48%;
}
.gutters .lg-gr7 {
	width: 56.3333333333%;
}
.gutters .lg-gr8 {
	width: 64.6666666667%;
}
.gutters .lg-gr9 {
	width: 73%;
}
.gutters .lg-gr10 {
	width: 81.3333333333%;
}
.gutters .lg-gr11 {
	width: 89.6666666667%;
}
.gutters .lg-gr12 {
	width: 98%;
}
}
/* ================================

    SNS

================================ */
.wrap-sns {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	overflow: hidden;
	display: none;
}

/* tablet-pc */
@media (min-width:768px) {
.wrap-sns {
	display: block;
}
}
/* ================================

    コンテンツ

================================ */
#mainContent .pc {display: inline-block;}
#mainContent .sp {display: none;}

#mainContent {
	width: 100%;
	margin: 0 auto;
}

#mainContent .contentHead {background:url(../images/mainback.jpg) no-repeat 50% 0%; background-size: 100%; min-height: 530px; }
#mainContent .contentHead h1 {width: 950px; margin:auto;}
@media screen and (min-width:1800px) {
	#mainContent .contentHead h1 {padding-top: 20px;}
}
@media screen and (min-width:1900px) {
	#mainContent .contentHead h1 {padding-top: 40px;}
}
@media screen and (min-width:2000px) {
	#mainContent .contentHead h1 {padding-top: 60px;}
}
@media screen and (min-width:2100px) {
	#mainContent .contentHead h1 {padding-top: 80px;}
}
@media screen and (min-width:2200px) {
	#mainContent .contentHead h1 {padding-top: 100px;}
}

#mainContent section { width: 950px; margin:40px auto; }
#mainContent section h2 {margin: auto auto 10px; padding: 10px 0 10px 10px; background: #6b482e; color: #FFF; font-size: 24px;}
#mainContent section h2 span { border-left: #FFF 5px solid; padding-left: 10px; }

#mainContent section a {color: #cc3939; }
#mainContent a img {transition:0.3s ease-in-out, 0.3s ease-in-out;}
#mainContent a:hover img {opacity: 0.8;}
#mainContent section .entrybtnBox,#mainContent #course #pickup .btnBox {text-align: center; margin: 40px auto;}
#mainContent section .entrybtnBox.btnL span {display: inline-block; width: 830px; padding: 26px 0; font-size: 36px; line-height: 1em; font-weight: bold; color: #fff; border-radius:10px; position: relative; margin-top: -10px; }
#mainContent section .entrybtnBox.btnL a span{background-color:#ff7200; box-shadow: 0 10px 0px #c15905;}
#mainContent section .entrybtnBox.btnL a:hover{opacity: 0.8;}
#mainContent section .entrybtnBox.btnL a:hover span{box-shadow: 0 15px 0px #c15905;}
/* #mainContent section .entrybtnBox .btnL span {display: inline-block; width: 830px; padding: 26px 0; font-size: 36px; line-height: 1em; font-weight: bold; color: #fff; background-color:#cecece; border-radius:10px; position: relative; margin-top: -10px; } */


#mainContent section .entrybtnBox.btnL span{background-color: #B7B6B4;}
#mainContent section .entrybtnBox.btnL span:before {display: block; content: ''; position: absolute; left:10%; top:50%; margin-top: -12px; width: 20px; height: 20px; border-top:4px solid #fff; border-right:4px solid #fff; transform: rotate(45deg); }

/* #mainContent section .entrybtnBox .btnL:hover {padding-top: 0px; padding-bottom: 5px;}
#mainContent section .entrybtnBox .btnL:hover span{ box-shadow: 0 15px 0px #c15905; background-color:#ff7200;} */

#mainContent section .caution {text-align: center; font-size: 14px;}

#mainContent .point {text-align: center;}
#mainContent .point .caption { position: relative;  padding: 0 0.6em 0.6em 0.6em; border-bottom:#1e110f 5px solid; font-size:1.6em; margin:0px auto 20px;}
#mainContent .point .caption:after {position: absolute;content: '';top: 100%;left: 48%;border: 15px solid transparent;border-top: 15px solid #1e110f;width: 0;height: 0;}
#mainContent .point h2 { background-color:#cc3939; text-align: center; color: #fff; font-size: 28px; padding: 10px 0; margin:auto; }
#mainContent .point .rank ul{ display:inline-block; float:left; overflow:hidden; clear:both;}
#mainContent .point .rank ul li.image { width:448px; display:inline-block; float:left;}
#mainContent .point .rank ul li.plus { width:50px; display:inline-block; float:left; top:200px; position:relative;}

#mainContent .flow .flowList {display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; margin:40px auto; }
#mainContent .flow .flowList li { width: 200px; margin:auto 15px; box-sizing: border-box; text-align: center; position: relative; }
#mainContent .flow .flowList li h3 {background-color:#2ea136; color: #fff; font-weight: bold; font-size: 30px; line-height: 30px; border-radius: 18px 18px 0 0; width: 100%; padding:10px 0; }
#mainContent .flow .flowList li .fbox{ padding: 10px 10px 10px 15px; border-right:4px solid #2ea136; border-left:4px solid #2ea136; border-bottom:4px solid #2ea136; border-radius: 0 0 18px 18px;overflow:hidden; }
#mainContent .flow .flowList li .fbox span{ line-height:80%; }
#mainContent .flow .flowList li.wide{ width:480px; }
#mainContent .flow .flowList li.wide span{ width:480px; }
#mainContent .flow .flowList li img { max-width: 140px; height: auto; margin-bottom: 12px; margin-top: 12px; }
#mainContent .flow .flowList li p {font-size: 16px;}
#mainContent .flow .flowList li:after {display: block; content: ''; top:50%; margin-top: -15px; right: -42px; position: absolute; border:15px solid transparent; border-left:20px solid #2ea136;}
#mainContent .flow .flowList li:last-child:after {display: none;}
.boxin_left { width:82%; text-align:left; float:left}
.boxin_right { width:18%; text-align:left; float:left; }

#mainContent .infomation .infoList li {display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; padding: 20px; border-bottom: 1px solid #ebebeb;}
#mainContent .infomation .infoList li h3 {width: 26%; font-size: 18px; font-weight: bold; color: #6b482e;}
#mainContent .infomation .infoList li div {width: 72%; font-size: 14px;}
#mainContent .infomation .infoList li div ul {padding-left: 1em; list-style: none;}
#mainContent .infomation .infoList li div ul li { display: list-item; position: relative; padding: 0; margin:auto; border:none;}
#mainContent .infomation .infoList li div ul li:before {position: absolute; display: inline-block; content: '■'; top:0; left: -1em;}
/* #mainContent .infomation .infoList li div ul.attention li:before {content: '※';} */
#mainContent .infomation .infoList li div ul.note { list-style:none; padding-top:15px;}
#mainContent .infomation .infoList li div ul.note li:before { content: '※';}

#mainContent .course .areaNav {margin: 20px auto;}
#mainContent .course .areaNav #tabControl {display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
#mainContent .course .areaNav #tabControl li { display: block; width: 122px; text-align: center; padding-top: 4px; padding-bottom: 4px;}
#mainContent .course .areaNav #tabControl li a {display: block; text-decoration: none; font-size: 17px; font-weight: bold; background-color: #2ea136; box-shadow: 0 4px #1e7a25; color: #ffffff; padding: 20px 0 30px; border-radius: 10px; border:#1e7a25 2px solid; position: relative; }
#mainContent .course .areaNav #tabControl li a:before {display: block; content: ''; position: absolute; left:50%; bottom: 12px; margin-left: -7px; width:12px; height: 12px; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff; transform: rotate(45deg); }
#mainContent .course .areaNav #tabControl li:hover {padding-top: 0px; padding-bottom: 8px;}
#mainContent .course .areaNav #tabControl li:hover a {box-shadow: 0 8px #1e7a25; background-color: #2ea136;}
#mainContent .course .areaNav #tabControl li:active {padding-top: 8px; padding-bottom: 0px;}
#mainContent .course .areaNav #tabControl li:active a {box-shadow: 0 0px #1e7a25;}
#mainContent .course .areaNav #tabControl li a.is-current {border:2px solid #1e7a25; background-color: #fff; color:#1e7a25; box-shadow: none; }
#mainContent .course .areaNav #tabControl li a.is-current:before {border-color:#1e7a25; }


#mainContent #fixedBtn {position: fixed; right: 15px; bottom: 25px; display: block; transition:0.3s ease-in-out; }
#mainContent #fixedBtn.close {display: none; transition:0.3s ease-in-out;}
#mainContent #fixedBtn .topBtn { display: block; position: absolute; right:0px; bottom: 0px;}
#mainContent #fixedBtn .entryBtn { display: block; position: absolute; right: 25px; bottom: 160px; font-size: 21px; text-decoration: none; width: 1em; word-break:break-all; line-height: 1.2em; padding: 20px; font-weight: bold; color: #fff; background-color:#ff7200; margin-right: 0; border-radius: 10px; box-shadow: 0 8px 0px #e86a04; }
#mainContent #fixedBtn .entryBtn:hover {box-shadow: 0 10px 0px #e86a04; background-color:#ff7200; margin-bottom: 2px;}
#mainContent #fixedBtn .entryBtn span {display: block; transform: rotate(90deg);}

#mainContent section .listFilter {
    margin: 20px auto;
}
#mainContent section .listFilter li {
    float: left;
    display: none;
}
#mainContent section .listFilter a {
    display: block;
    margin: 0 3px 3px 0;
    text-align: center;
    background: #e9ffc5;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    position: relative;
    padding: .8em 2.6em;
	font-size: 14px;
}
#mainContent section .listFilter a:hover,
#mainContent section .listFilter a.is-current {
    background: #2ea136;
    color: #fff;
}
#mainContent section .golfAnchorList__item {margin: 20px auto;}
#mainContent section .golfAnchorList__item:after {display: block; content: ''; width: 100%; height: 0; overflow: hidden; clear: both;}
#mainContent section .golfAnchorList__item li {display: none; float: left; margin-right: 10px; margin-bottom: 2px;}


#mainContent #course .pickup {border-bottom:4px solid #6b482e; margin: 20px auto; padding: 0px; }
#mainContent #course .pickup b { display: inline-block; background-color:#6b482e; color: #fff; font-size:25px; line-height: 1em; padding:10px 20px 5px; }
#mainContent #course .pickup b span { font-size: 18px; }


#mainContent #course #pickup .item,
#mainContent #course .item.size-L,
#mainContent #course .item.size-S {border: 2px solid #eeeeee; padding: 18px 23px; font-size: 14px; margin-top: 20px;}
#mainContent #course .item h2 {background: transparent; font-size: 27px; color: #333; border-bottom: 2px solid #eeeeee; }
#mainContent #course .item .item__header {position: relative;}
#mainContent #course .item .item__header--address {min-height: 3em;}
#mainContent #course .item .item__header--address span { display: block; }
#mainContent #course .item .icn-star {position: absolute; right: 0; bottom: 0; font-weight: bold; border:1px solid #2ea136; color: #fff; display: inline-block; background:#2ea136; padding-left: 5px; }
#mainContent #course .item .icn-star:after {display: block; content: ''; width: 100%; height: 0; clear: both;}
#mainContent #course .item .icn-star .serif {display:block; float: right; background: #fff; color:#2ea136; margin-left: 5px; }
/* #course {display: none;} */

#mainContent #course #pickup .spfigure {text-align: center; margin: 10px auto;}
#mainContent #course #pickup .spitembox:after {display: block; width: 100%; height: 0; content: ''; clear: both;}
#mainContent #course #pickup .spitembox .spmaintxtL {float: left; width:580px; }
#mainContent #course #pickup .spitembox .spmaintxtR {float: right; width: 270px; }
#mainContent #course #pickup .item .icn-star {font-size: 15px; line-height: 40px; height: 40px;}
#mainContent #course #pickup .item .icn-star .serif {font-size: 30px; text-align: center; width: 70px; vertical-align: middle;}
#mainContent #course #pickup .btnBox {margin-top: 20px;}
#mainContent #course #pickup .btnBox.close {display: none;}
#mainContent #course #pickup .btnBox a { display: inline-block; position: relative; padding: 20px 50px 20px 30px; font-size: 24px; line-height: 1em; background-color: #2ea136; font-weight: bold; text-decoration: none; border-radius: 10px; color: #fff; }
#mainContent #course #pickup .btnBox a:after { display: block; content: ''; position: absolute; border-right: 3px solid #fff; border-top: 3px solid #fff; width: 10px; height: 10px; right: 15px; top:50%; margin-top: -7px; transform: rotate(45deg); }
#mainContent #course #pickup .btnBox a:hover {background-color: #1e7a25;}

#mainContent #course .btn-cv {display: inline-block; position: relative; text-align: center; min-width: 120px; padding:15px 40px 15px 20px; border-radius: 6px; font-size: 20px; line-height: 1em; color: #fff; font-weight: bold; background: #ff7200; text-decoration: none; }
#mainContent #course .btn-cv:after { display: block; content: ''; position: absolute; border-right: 3px solid #fff; border-top: 3px solid #fff; width: 10px; height: 10px; right: 15px; top:50%; margin-top: -7px; transform: rotate(45deg); }
#mainContent #course .btn-cv:hover {background-color:#ed6f1a;}
#mainContent #course .btn-detail {display: inline-block; color: #333; margin-top: 5px; margin-right: 5px;}
#mainContent #course .btn-detail:before {display: inline-block; content: ''; width: 20px; height: 20px; background:url(../images/zoom.gif); vertical-align: middle; }

#mainContent #course .btn-access {display: inline-block; color: #333; margin-top: 5px; margin-right: 5px;}
#mainContent #course .btn-access:before {display: inline-block; content: ''; width: 20px; height: 20px; background:url(../images/spot.gif); vertical-align: middle; }

#mainContent #course #itemlist.close {display: none;}
#mainContent #course .andmore { margin:40px auto auto; height: 46px ; line-height: 46px; background-color: #f7f9ca; text-align: center; font-weight: bold; font-size: 20px; text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff; }

#mainContent #course #golfList__item { margin-right: 2%; width: 102%; overflow-x: hidden; }
#mainContent #course .item .item__header--name {background: transparent; font-size: 27px; color: #333; border-bottom: 2px solid #eee; margin: auto auto 10px; padding: 10px 0 10px 10px;}
#mainContent #course .item.size-L,
#mainContent #course .item.size-S {margin-top: 20px; box-sizing: border-box;}
#mainContent #course .item.size-L {width: 98%;}
#mainContent #course .item.size-L .icn-star {font-size: 15px; line-height: 40px; height: 40px;}
#mainContent #course .item.size-L .icn-star .serif {font-size: 30px; text-align: center; width: 70px; vertical-align: middle;}
#mainContent #course .item.size-L .item__body {margin-top: 10px;}
#mainContent #course .item.size-L .item__body .item__figure { width: 615px; background: #eee; padding: 0; }
#mainContent #course .item.size-L .item__body .item__figure .rImg {width: 100%; height: auto; vertical-align: bottom; }
#mainContent #course .item.size-L .item__body .item__txt { width: 260px; float: right; }
#mainContent #course .item.size-L .item__body .item__txt .btn-cv {margin:20px auto 10px;}
#mainContent #course .item.size-S { width: 48%; float: left; font-size: 12px; margin-right: 2%; }
#mainContent #course .item.size-S h2 {font-size: 20px; line-height: 1.3em;}
#mainContent #course .item.size-S .item__header--name {padding: 0; font-size: 20px; line-height: 1.3em;}
#mainContent #course .item.size-S .item__header--address {padding-right: 110px;}
#mainContent #course .item.size-S .icn-star {font-size: 11px; line-height: 24px; height: 24px;}
#mainContent #course .item.size-S .icn-star .serif {font-size: 18px; text-align: center; width: 40px; vertical-align: middle;}
#mainContent #course .item.size-S .item__body {margin-top: 10px;}
#mainContent #course .item.size-S .item__body .item__figure { float: none; width: 100%; height: 200px; background: #eee; padding: 0; }
#mainContent #course .item.size-S .item__body .item__figure .rImg {max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: bottom; }
#mainContent #course .item.size-S .item__body .item__txt {float: none; width: 100%; margin-top: 10px;}
#mainContent #course .item.size-S .item__body .item__txt .item__txt--summary {float: right; width: 200px;}
#mainContent #course .item.size-S .item__body .item__txt .item__txt--otherlink {float: left; width: 140px;}
#mainContent #course .item.size-S .item__body .item__txt .btn-cv { font-size: 16px; line-height: 1em; padding: 10px 25px 10px 15px;}
#mainContent #course .item.size-S .item__body .item__txt .btn-cv:after {border-right: 2px solid #fff; border-top: 2px solid #fff; width: 8px; height: 8px; right: 12px;}

/* 640px */
@media only screen and (max-width:640px) {
	#mainContent .sp {display: inline-block;}
	#mainContent .pc {display: none;}
	#mainContent img {max-width: 100%; height: auto;}
	#mainContent .contentHead {background-image:none; min-height: 0;}
	#mainContent .contentHead h1{ width: auto; }
	#mainContent section { width: auto; margin:0px auto 30px; }

	#mainContent #fixedBtn {right: 10px; bottom: 15px; z-index: 999;}
	#mainContent #fixedBtn .entryBtn {display: none;}
	#mainContent #fixedBtn .topBtn {width: 60px; height: 50px;}
	#mainContent .point .caption {font-size: 4.3vw; text-align:left;}
	#mainContent .point .caption:before, #mainContent .point .caption:after { height: 90%; border-left-width: 15px;}
	#mainContent .point .caption:before {left: 8px; transform: rotate(-7deg);}
	#mainContent .point .caption:after {right: 8px; }

	#mainContent .point .rank {padding: 0px;}
	#mainContent .point .rank img { width:100%;}
	#mainContent .point .rank ul{ display:inline-block; float:left; overflow:hidden;}
	#mainContent .point .rank ul li.image { width:96%; display:inline-block; float:none;}
	#mainContent .point .rank ul li.plus { width:50px; display:inline-block; float:none; top:0;}

	#mainContent .flow .flowList {display: block;}
	#mainContent .flow .flowList li {margin:20px auto 50px; width: 90%; }
	#mainContent .flow .flowList li:after {width: 0px; border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #2ea136; top:auto; bottom: -50px; margin-top: auto; left: 50%; margin-left: -15px;}
	#mainContent .flow .flowList li.wide{ width:90%; }
#mainContent .flow .flowList li.wide span{ width:90%; }
.boxin_left { width:100%; text-align:left; float:left}
.boxin_right { display:none; }

	#mainContent section .entrybtnBox,#mainContent #course #pickup .btnBox {padding:0 20px;}
	#mainContent section .entrybtnBox.btnL a{ display:block; text-decoration: none;}
	#mainContent section .entrybtnBox.btnL span {display:block; width: 100%; font-size: 6vw; line-height: 1em; }
	#mainContent section .entrybtnBox.btnL span:before { left:4%; width: 4vw; height: 4vw; }

	#mainContent section .entrybtnBox.btnL:hover {padding-top: 5px; padding-bottom: 0px;}
	#mainContent section .entrybtnBox.btnL:hover span{ box-shadow: 0 10px 0px #c15905; background-color:#ff7200;}
	#mainContent section .caution {padding: 0 20px;}
	#mainContent .infomation .infoList li {display: block;}
	#mainContent .infomation .infoList li h3 { width:auto; }
	#mainContent .infomation .infoList li h3 br {display: none;}
	#mainContent .infomation .infoList li div { width:auto; }

	#mainContent .course .areaNav #tabControl {flex-wrap: wrap;}
	#mainContent #course .pickup b {font-size: 18px;}
	#mainContent #course .pickup b span {font-size: 14px;}
	#mainContent #course .item h2 {font-size: 22px; padding-left: 0px;}
	#mainContent .course .areaNav {padding: 0 10px;}
	#mainContent .course .areaNav #tabControl li {width: 31%; padding: 5px 0;  }
	#mainContent .course .areaNav #tabControl li:hover { padding: 5px 0;}
	#mainContent .course .areaNav #tabControl li:hover a {box-shadow: 0 4px #1e7a25; }
	#mainContent .course .areaNav #tabControl li a {font-size: 14px;}
	#mainContent .course .areaNav #tabControl li:hover a.is-current {box-shadow:none;}
	#mainContent section .listFilter {padding: 0 10px;}
	#mainContent section .listFilter li {width: 20%;}
	#mainContent section .listFilter a {padding: .8em 0; display: block;}
	#mainContent #course #pickup .spitembox .spmaintxtL,
	#mainContent #course #pickup .spitembox .spmaintxtR {width: 100%; float: none;}
	#mainContent #course #pickup .spitembox .spmaintxtR {text-align: center; margin-top: 10px;}
	#mainContent #course .item .item__header--name{font-size: 22px; padding-left: 0;}
	#mainContent #course .item .item__header--catch {display: none;}
	#mainContent #course #pickup .item, #mainContent #course .item.size-L, #mainContent #course .item.size-S {padding: 10px; margin-left: 10px; margin-right: 10px; border-width: 1px; width: auto;}
	#mainContent #course #pickup .btnBox a {padding: 20px 20px 20px 10px; box-sizing: border-box; width: 100%; font-size: 14px; }
	#mainContent #course #pickup .btnBox a::after {border-right: 2px solid #fff; border-top: 2px solid #fff; width: 8px; height: 8px; right: 10px; }
	#mainContent #course #golfList__item {width: auto; margin-right: auto; }
	#mainContent #course .item.size-L ,#mainContent #course .item.size-S { width: calc(100% - 20px);}
	#mainContent #course .item.size-L .item__body .item__figure,
	#mainContent #course .item.size-L .item__body .item__txt { width: 100%; float: none; }
	#mainContent #course .item.size-L .item__body .item__txt {margin-top: 10px;}
	#mainContent #course .btn-cv,
	#mainContent #course .item.size-L .item__body .item__txt .btn-cv {width: 100%; box-sizing: border-box; text-align: center; font-size: 16px; padding: 12px 40px 12px 20px;}
	#mainContent #course .btn-cv:after,
	#mainContent #course .item.size-L .item__body .item__txt .btn-cv:after {border-right: 2px solid #fff; border-top: 2px solid #fff; width: 8px; height: 8px;}
	#mainContent #course .item .item__header--address {padding-bottom: 34px;}
	#mainContent #course .item.size-S .item__header--address {padding-right: 0;}
	#mainContent #course #pickup .item .icn-star,
	#mainContent #course .item.size-L .icn-star {font-size: 11px; line-height: 24px; height: 24px;}
	#mainContent #course #pickup .item .icn-star .serif,
	#mainContent #course .item.size-L .icn-star .serif {font-size: 18px; text-align: center; min-width: 40px; vertical-align: middle;}
	#mainContent #course .item.size-S .item__body .item__figure {float: left; width: 128px; height: 80px; overflow: hidden; position: relative;}
	#mainContent #course .item.size-S .item__body .item__figure .rImg { width: 100%; height:80px; max-width:1000px; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
	#mainContent #course .item.size-S .item__body .item__txt {padding-left: 136px; width: auto; margin-top: auto;}
	#mainContent #course .item.size-S .item__body .item__txt .item__txt--summary,
	#mainContent #course .item.size-S .item__body .item__txt .item__txt--otherlink {float: none; width: auto;}
	#mainContent #course .item.size-S .item__body .item__txt .btn-cv {display: inline-block; font-size: 12px; padding: 10px 15px 10px 5px;}
	#mainContent #course .item.size-S .item__body .item__txt .btn-cv:after {width: 6px; height: 6px; margin-top: -5px; right: 7px;}
	#mainContent #course .item.size-S h2 {font-size: 18px;}
	#mainContent #course .andmore {height: 30px; line-height: 30px; font-size: 16px;}
}