@charset "utf-8";
@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------
*
    #snsbtn
*
------------------------------------------------------------ */
.snsBtn_list {
	width: 100%;
}
.snsBtn_list li {
	float: left;
}
.snsBtn_list li:last-child {
	float: right;
}
.snsBtn_list li a {
	display: block;
	text-indent: -9999px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.top_snsBtn {
	width: 237px;
	margin: 0 0 2% 0;
}
.top_snsBtn .snsBtn_list li a {
	width: 111px;
	height: 27px;
}
.top_snsBtn .snsBtn_list li.tw a {
	background-image: url(/golf/common/image_common/icon_x_share_small.png);
}
.top_snsBtn .snsBtn_list li.fb a {
	background-image: url(/golf/common/image_common/icon_fb_share_small.png);
}
.bottom_snsBtn {
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
.bottom_snsBtn .snsBtn_list li {
	width: 210px;
}
.bottom_snsBtn .snsBtn_list li a {
	width: 210px;
	height: 52px;
}

.bottom_snsBtn .snsBtn_list li.tw a {
	background-image: url(/golf/common/image_common/icon_x_share.png);
}
.bottom_snsBtn .snsBtn_list li.fb a {
	background-image: url(/golf/common/image_common/icon_fb_share.png);
}
.snsBtn.last {
	margin: 0px auto 10%;
}

/* ------------------------------------------------------------
*
    #main_visual
*
------------------------------------------------------------ */
#main_visual{
    display: none;
}
.section .title{
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
}
.section .title span{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #18a511;
    padding-bottom: 10px;
}
.section_gray{background-color: #f5f5f5;}
.section_inner{
    max-width: 100%;
}

/* ------------------------------------------------------------
*
    #main_content
*
------------------------------------------------------------ */
#main_content{
    width: 100%;
    margin: 0px auto;
    padding: 28px 0 42px 0;
}
#contents_left{
    width: 100%;
    padding: 0px 15px;
}
#contents_left .title{
    font-size: 15px;
    color: #ffffff;
    padding: 6px 16px 5px;
    border-radius: 15px;
    margin-bottom: 10px;
    display: inline-block;
    background: #b89f25;
}
#contents_left .name{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
}
#contents_left .name span{
    font-size: 14px;
    color: #b89f25;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
}
#contents_left .name span.sub_title{
    font-size: 14px !important;
    color: #444 !important;
    margin-bottom: 5px !important;
    padding-top: 5px !important;
    line-height: 1.4 !important;
    display: block !important;
    font-weight: normal !important;
}
#contents_left .content #contList{
	padding: 15px 15px 5px;
	border: solid 1px #d5d5d5;
	margin-bottom: 40px;
}
#contents_left .content #contList h3{
	font-weight: bold;
	font-size: 16px;
	margin: 5px 0 20px;
}
#contents_left .content #contList th,
#contents_left .content #contList td {
	padding-bottom: 15px;
}
#contents_left .content #contList th {
	padding-right: 10px;
	min-width: 80px;
}
#contents_left .content #contList td a {
	display: block;
	text-decoration: none;
}
#contents_left .content #contList th h5{
	font-size: 15px;
	color: #18a511;
	line-height:1.3;
	box-sizing: border-box;
}
#contents_left .content #contList td p{
	font-size: 15px;
	color: #444;
	line-height:1.3;
	padding-bottom: 0;
}
#contents_left .content #contList td a p{
	text-decoration: underline;
}
#contents_left .content #contList td a.comingsoon p{
	color: #808080;
	text-decoration: none;
}
#nextContents{
	border:2px solid #e5e5e5;
	box-sizing:border-box;
	margin-bottom:35px;
}
#nextContents h3{
	font-size:16px;
	color:#18a511;
	text-align:center;
	height:40px;
	line-height:40px;
	border-bottom:2px solid #e5e5e5;
	box-sizing:border-box;
	font-weight:bold !important;
}
#nextContents a{display:block; padding:10px; overflow:hidden;}
#nextContents img{ float:left; margin-right:15px;} 
#nextContents p{
	font-size:16px;
	font-weight:bold;
	margin-top:3%;
	color:#000;
	overflow:hidden;
	zoom:1;
	line-height:1.4;
}
#nextContents p strong{
	background:url(/golf/common/image_common/icon_arrow_circle.png) no-repeat right 50%;
	display:inline;
	padding-right:25px;
}
#nextContents p span{
	font-size:14px;
	display:block;
	margin-bottom:5px;
}
#nextContents .comingsoon {
    padding: 10px;
    overflow: hidden;
}
#nextContents .comingsoon p {
    margin-top: 3px;
}
#nextContents .comingsoon p strong {
    background: none;
}
#nextContents .comingsoon span.nextDate {
    font-size: 13px;
    margin: 5px 0 0;
}

/* --------------------
    マメ知識用
-------------------- */
#contents_left .title_column{
    font-size: 15px;
    color: #ffffff;
    padding: 6px 16px 5px;
    border-radius: 15px;
    margin-bottom: 10px;
    display: inline-block;
    background: #2aa9bc;
}
#contents_left .name_column{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
}
#contents_left .name_column span{
    font-size: 14px;
    color: #2aa9bc;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
}
#contents_left .name_column span.sub_title{
    font-size: 14px !important;
    color: #050505 !important;
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
    display: block !important;
    font-weight: normal !important;
}



#contents_left .content_top{
    border-top: 1px solid #d5d5d5;
    margin-bottom: 32px;
    padding: 3% 0 0 0;
}
#contents_left .content_top .snsBtn{
    margin: 0 0 2% 0;
}
@media screen and (max-width : 767px){
#contents_left .content_top .snsBtn li{
    display: inline-block;
    /*margin-right: 8px;*/
    width: 111px;
}
}

br.pc_br{ display:none;}
#contents_left .content_top .snsBtn li img{
    width: 100%;
    height: auto;
}
#contents_left .content_top .date{
    font-size: 12px;
    color: #8a8a8a;
	letter-spacing: 1px;
    display: block;
    width: 100%;
    text-align: left;
}
#contents_left .content p{
    font-size: 16px;
    padding-bottom: 40px;
    color: #262626;
    line-height: 1.8;
}
#contents_left .content p.cap{
    font-size: 14px;
    padding-bottom: 30px;
    color: #8a8a8a;
}
#contents_left .content .image{
    text-align: center;
    margin-bottom: 40px;
}
#contents_left .content .image p{
    font-size: 14px;
    line-height: 1.6;
    padding: 20px 10px 0;
		text-align: center;
    color: #8a8a8a;
}
#contents_left .content .image2 img{
    width: 274px;
}
#contents_left .content .image.half_img_size {
    margin-bottom: 40px;
}
#contents_left .content .image.half_img_size p {
    padding-bottom: 0;
}
#contents_left .content .image.half_img_size img{
    max-width: 60%;
    height: auto;
}

#contents_left .content .image.middle_img_size {
    margin-bottom: 40px;
}
#contents_left .content .image.middle_img_size p {
    padding-bottom: 0;
}
#contents_left .content .image.middle_img_size img{
    max-width: 80%;
    height: auto;
}

#contents_left .content .image.full_img_size {
    margin-bottom: 40px;
}
#contents_left .content .image.full_img_size p {
    padding-bottom: 0;
}
#contents_left .content .image.full_img_size img{
    max-width: 100%;
    height: auto;
}
#contents_left .content .image.max_img_size img{
    max-width: 100%;
    height: auto;
}
#contents_left .content p.bold_ttitle {
	font-size: 16px;
	font-weight: bold;
    line-height: 1.4;
    padding-bottom: 20px;
}

/* --------------------
    .content dl
-------------------- */
#contents_left .content dl{
    padding-bottom: 32px;
}
#contents_left .content dt,#contents_left .content dd{
    font-size: 16px;
    line-height: 1.79;
}
#contents_left .content dt{
    float: left;
}
#contents_left .content dd{
    margin-left: 30px;
}

/* --------------------
    underline_title
-------------------- */
#contents_left .content .underline_title {
	width: 100%;
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 20px;
	background: url(/golf/column/image/bg_underline_title_01.gif) no-repeat center bottom;
	line-height: 1.4;
	margin-bottom: 25px;
}

/* --------------------
    underline_separate_color_title
-------------------- */
#contents_left .content .underline_separate_color_title {
	width: 100%;
	text-align: left;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 19px;
	font-weight: bold;
	color: #18a511;
	background: url(/golf/column/image/bg_underline_title_02_sp.gif) no-repeat center bottom;
	background-size: 100% auto;
}

/* --------------------
    underline_separate_color_title big black
-------------------- */
#contents_left .content .underline_separate_color_title_bk {
	width: 100%;
	text-align: left;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 20px;
	color: #000000;
	background: url(/golf/column/image/bg_underline_title_02_sp.gif) no-repeat center bottom;
	background-size: 100% auto;
	font-weight: bold;
}


#contents_left .content .box_title {
	width: 90%;
	margin: 0 auto 20px;
	position: relative;
	background: #f5f5f5;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	margin-bottom: 40px;
}
#contents_left .content .box_title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 15px;
	margin-left: -15px;
}
#contents_left .content .list_text {
	margin: 0 !important;
	padding: 20px 0 0 0 !important;
}

#contents_left .content .center {
	text-align: center !important;
}

#contents_left .content .green {
	color: #18a511;
}

/* --------------------
    h3 column title
-------------------- */
#contents_left .content h3.column_title {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 5%;
	font-weight: bold;
}

/* --------------------
    youtube
-------------------- */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* --------------------
    social_box
-------------------- */
#contents_left .social_box .snsBtn{
    margin: 0 auto 10%;
}

/* --------------------
    content_bottom
-------------------- */
#contents_left .content_bottom{
    margin-bottom: 25px;
}
#contents_left .content_bottom .snsBtn{
    margin-bottom: 10%;
}
#contents_left .content_bottom .bottom_profile {
    clear: both;
    padding: 20px;
    background: #f5f5f5;
    font-size: 16px;
}
#contents_left .content_bottom p.title {
    background: url(/golf/common/image_common/icon_face.png) no-repeat left center;
    font-size: 14px;
    color: #262626;
    font-weight: bold;
    padding: 0 0 0 40px;
    line-height: 1.4;
}
#contents_left .content_bottom p.text {
    clear: both;
    font-size: 14px;
    line-height: 1.6;
}
#contents_left .bottom_attention {
    clear: both;
    line-height: 1.6;
    font-size: 12px;
    padding: 2% 0 0 0;
}
#contents_left .button{
    display: block;
    width: 260px;
    margin: 0px auto;
    padding: 20px 0px;
    border: 1px solid #e5e5e5;
    color: #282828;
    font-size: 14px;
    text-align: center;
    background: url(/golf/common/image_common/icon_arrow_circle_left.png) no-repeat 20px center;
    border-radius: 5px;
}
#contents_right{
    padding-top: 13px;
}
#section_arrival{
    display: none;
}

/* --------------------
    event
-------------------- */
#contents_left .content_bottom .event {
	padding: 30px 20px;
	background: #f5f5f5;
	margin-bottom: 10%;
}
#contents_left .content_bottom .event .event_title {
	color: #262626;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}
#contents_left .content_bottom .event .event_subtitle {
	color: #262626;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	margin: 40px 0 0;
}
#contents_left .content_bottom .event .event_subtitle span {
	font-size: 12px;
}
#contents_left .content_bottom .event .image {
	display: block;
	margin: 0 auto 15px;
}
#contents_left .content_bottom .event .image img {
	width: 100%;
}
#contents_left .content_bottom .event .text {
	font-size: 16px;
}
#contents_left .content_bottom .event .btn {
	display: block;
	width: 250px;
	padding: 15px;
	margin: 15px auto 0 auto;
	background: #000 url(/golf/common/image_common/icon_arrow_circle_w.png) no-repeat right 15px center;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 6px;
}
#contents_left .content_bottom .event .event_list {
	margin: 20px 0 0;
}
#contents_left .content_bottom .event .event_list li {
	font-size: 16px;
	font-weight: bold;
	color: #262626;
	line-height: 1.4;
	width: auto;
	margin: 0 0 20px;
}
#contents_left .content_bottom .event .event_list li img {
	display: block;
	width: 100%;
	margin-top: 3px;
}

/* --------------------
    profile_box
-------------------- */

#contents_left .profile_box {
    clear: both;
    padding: 20px;
    background: #f5f5f5;
    font-size: 16px;
    margin: 0 0 60px 0;
}
#contents_left .profile_box p.photo {
    width: 60%;
		margin: 0 auto;
		padding-bottom: 0;
}
#contents_left .profile_box p.photo img {
    width: 100%;
		height: auto;
}
#contents_left .profile_box p.title {
    width: 100%;
    font-size: 14px;
    color: #262626;
    font-weight: bold;
    padding: 20px 0 0 0;
    line-height: 1.4;
    background: none;
		text-align: center;
}
#contents_left .profile_box p.title span {
	font-size: 18px;
    display: block;
		margin-top: 15px;
}
#contents_left .profile_box p.text {
    clear: both;
		padding: 15px 0 0 0;
    line-height: 1.6;
		font-size: 16px;
}
/* --------------------
    profile_text
-------------------- */
#contents_left p.profile_text {
	font-size: 14px;
	padding: 0;
	margin: 0 0 10% 0;
	line-height: 1.6;
}
#contents_left p.profile_text span {
	font-weight: bold;
	font-size: 14px;
}

/* --------------------
    attention_text
-------------------- */
#contents_left .content .attention_text {
    clear: both;
    line-height: 1.6;
		font-size: 13px;
}

/* --------------------
    golfer_box
-------------------- */
#contents_left .golfer_box {
	border-radius: 10px;
	border: 2px solid #e5e5e5;
	margin-bottom: 60px;
}
#contents_left .golfer_box .title {
	background: none;
	text-align: center;
	font-size: 16px;
	color: #1a1a1a;
	padding: 15px 0;
	width: 100%;
	border-bottom: 2px solid #e5e5e5;
	border-radius: 0;
	font-weight: bold;
	line-height: 1.4;
}
#contents_left .golfer_box ul {
	padding: 20px 15px 0;
}
#contents_left .golfer_box ul:after {
    content:" ";
    display:block;
    clear:both;
}
#contents_left .golfer_box ul li {
	width: 100%;
	display: table;
}
#contents_left .golfer_box ul li p {
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0 0 5% 0;
}
#contents_left .golfer_box ul li:last-child {
	margin-right: 0;
}
#contents_left .golfer_box ul li img {
	width: 50%;
	height: auto;
}
#contents_left .golfer_box ul li span {
	position: absolute;
	top: 40%;
	left: 55%;
	font-size: 14px;
}

/* --------------------
    access_box
-------------------- */
#contents_left .access_box {
	margin: 0 0 15% 0;
}
#contents_left .access_box:after {
    content:" ";
    display:block;
    clear:both;
}
#contents_left .access_box p.left {
	width: 100%;
	padding-bottom: 20px;
}
#contents_left .access_box p.left img {
	width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
}
#contents_left .access_box p.right {
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	padding: 0;
}



/* --------------------
    next_btn
-------------------- */
#contents_left .next_btn {
    text-align: center;
    margin-bottom: 10%;
}
#contents_left .next_btn p {
    display: inline-block;
    font-size: 16px;
    padding-bottom: 0;
}
#contents_left .next_btn a {
    color: #282828;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: block;
    background: url(/golf/common/image_common/icon_arrow_circle_right.png) no-repeat 97% center;
    padding: 15px 40px 15px 20px;
    text-align: left;
		line-height: 1.2;
}
#contents_left .next_btn a span {
	display: block;
	font-size: 12px;
	margin: 0 0 1%;
	font-weight: bold;
}

/* --------------------
    section_topic
-------------------- */
#section_topic{ width: 100%; overflow: hidden; padding: 0 0 70px; margin: 0px;}
#section_topic p#number{
    font-size: 12px;
    padding-bottom: 20px;
}
#section_topic .list{ width: 100%; margin-bottom: 5px;}
#section_topic .item{
    width: 48%;
    margin-right: 0;
    margin-bottom: 20px;
		float: left;
}
#section_topic .item:nth-child(even){
	float: right;
}
#section_topic .item .image{
    position: relative;
    overflow: hidden;
}
#section_topic .item .image img{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
#section_topic .item.new .image:after{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    content: url(/golf/common/image_common/icon_new.png);
    vertical-align: -3px;
}
#section_topic .item .content{
    border-top: none;
    /*min-height: 145px;*/
    padding: 10px 15px;
    box-sizing: border-box;
		border: 1px solid #e5e5e5;
}
#section_topic .item .content .text{
    font-size: 14px;
    color: #181818;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: 0;
}
#section_topic .item .content .text span {
    display: block;
    color: #808080;
    font-weight: bold;
}
#section_topic .tab_content .button{
    display: none;
    width: 100%;
    margin: 0px auto;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    color: #282828;
    font-size: 16px;
    padding: 14px 0px;
    background: none;
}
#section_topic .tab_content .button:before{
    display: inline-block;
    width: 25px;
    height: 26px;
    content: "";
    background-image: url(/golf/common/image_common/icon_btn_more.png);
    vertical-align: middle;
    margin-right: 10px;
}
#new_list .item {
    display: none;
}
#section_topic .loading{
    float: left;
    display: block;
    width: 100%;
    height: 150px;
    background: url(/golf/common/image_common/pre.gif) no-repeat 50% 60%;
    background-size: 50px 50px;
}

/* --------------------
    paging
-------------------- */
#main_content .paging{
    margin: 0 0 10% 0;
}
#main_content .paging .more{
    text-align: center;
    margin-bottom: 26px;
}
#main_content .paging .more img{width: 6px;}
#main_content .paging_inner{
    width: 100%;
    text-align: center;
}
#main_content .paging_inner li{
    display: inline-block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #efefef;
}
#main_content .paging_inner li.prev,
#main_content .paging_inner li.next{
    width: 42px;
}
#main_content .paging_inner li a{
    display: block;
    color: #000000;
    border-radius: 5px;
}
#main_content .paging_inner li.current{
    background-color: #000000;
    color: #FFFFFF;
}

}

@media screen and (max-width : 767px){
.bottom_snsBtn {
    width: 260px;
    text-align: center;
    margin: 0 auto;
}
.bottom_snsBtn .snsBtn_list li {
    width: 120px;
}
.bottom_snsBtn .snsBtn_list li a {
    width: 120px;
    height: 32px;
}
}