@charset "utf-8";

@media screen and (max-width : 768px) {
/*------------------------------------------------------------------------------------------
*
*
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

#main_visual {
    display: block;
}
#main_visual img {
    width: 100%;
}
#section_intro {
    padding: 30px 0 0;
    margin: 0 15px;
}
#section_intro p {
    font-size: 14px;
    padding-bottom: 20px;
    color: #444;
    line-height: 1.7;
}
#section_intro p.cap {
    font-size: 14px;
    padding: 10px 12px;
    line-height: 1.7;
    background-color: #EFEFEF;
    margin-bottom: 25px;
}
#section_intro .index {
    font-size: 14px;
    font-weight: bold;
    color: #444;
    border: solid 1px #C9CACA;
    margin-bottom: 25px;
    padding: 15px 12px 0;
}
#section_intro .index ul {
    font-weight: normal;
    color: #444;
    margin-top: 15px;
}
#section_intro .index ul li {
    background: url(../image/icon_arrow_circle_down.png) no-repeat center left;
    padding-left: 25px;
    margin-bottom: 15px;
    height: 16px;
}
#section_intro .index ul li a {
    text-decoration: underline;
}
#section_intro .content_top {
    margin-bottom: 10px;
    padding: 15px 0 0 0;
    border-top: 1px solid #d5d5d5;
}
#section_intro .content_top .date {
    font-size: 12px;
    color: #8a8a8a;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    text-align: left;
}

.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: 260px;
	text-align: center;
	margin: 0 auto;
}
.bottom_snsBtn .snsBtn_list li {
	width: 120px;
}
.bottom_snsBtn .snsBtn_list li a {
	width: 120px;
	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);
}
.bottom_profile {
    clear: both;
    margin: 20px 15px 50px;
    padding: 20px;
    background: #f5f5f5;
    font-size: 16px;
}
.bottom_profile 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;
    margin-bottom: 10px;
}
.bottom_profile p.text {
    clear: both;
    font-size: 14px;
    line-height: 1.6;
}

#main_content_inner {
    width: auto;
    margin: 0 15px;
}
#main_content .interview {
    margin-top: 30px;
}
#main_content p {
    font-size: 16px;
    padding-bottom: 30px;
    color: #262626;
    line-height: 1.8;
}
#main_content p.interviewer {
    padding-bottom: 15px;
}
#main_content p.interviewer a {
    text-decoration: underline;
}
.interview h2 {
    margin: 10px 0 30px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-left: 4px solid #c7932a;
    line-height: 1.5;
}
.interview .img_ttl {
    margin: 0 -15px;
}
.interview .img_ttl img {
    width: 100%;
    margin-bottom: 40px;
}
.interview .img {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.interview .img img {
    width: 100%;
}
#main_content .interview .img p {
    font-size: 12px;
    line-height: 1.6;
    padding-top: 10px;
    padding-bottom: 0;
}
.interviewee {
    display: flex;
}
.interviewee span:nth-child(1) {
    width: 15%;
}
.interviewee span:nth-child(2) {
    width: 85%;
}

#present {
    margin: 25px 0 20px;
    background: #efefef;
}
#present_inner {
    width: auto;
    margin: 0 15px;
    padding: 40px 0 20px;
}
#present_inner .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    padding-bottom: 20px;
}
#present_inner .title span {
    font-size: 18px;
    color: #18a511;
}
#present_inner .img img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
#present_inner h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    margin: 20px 0 15px;
}
#present_inner p {
    font-size: 16px;
    padding-bottom: 30px;
    color: #262626;
    line-height: 1.8;
}
#present_inner a {
    min-width: 320px;
    width: 80%;
    padding: 20px 0;
    display: block;
    margin: 0 auto 30px;
    background: #c30d23;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 6px;
    position: relative;
}

#banner {
    width: auto;
    margin: 40px 15px 15px;
    border: solid 1px #DCDDDD;
}
#banner img {
    width: 100%;
}
#banner .text {
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
}
#banner .text .sld {
    font-size: 16px;
    line-height: 1.4;
    color: #18A511;
    font-weight: bold;
    margin-bottom: 10px;
}
#banner .text .title {
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-bottom: 20px;
}
#banner .text a {
    display: block;
    width: 300px;
    height: 60px;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    border-radius: 8px;
    color: #fff;
    background-color: #18A511;
    text-align: center;
    margin: 0 auto;
}

#main_content .message-board img {
    width: 100%;
}

.page-lead-wrap {
    color: #262626;
    font-size: 14px;
    line-height: 1.8;
    padding: 0 15px;
    margin-top: 15px;
}

#main_content {
    margin: 35px 0 20px;
}

#main_content .page-ttl {
    margin-bottom: 25px;
}

#main_content .page-ttl span {
    background-color: #c7932a;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    padding: 10px 15px 5px 5px;
    position: relative;
}

.page-ttl span:first-child {
    z-index: 999;
}

.page-ttl span:last-child {
    z-index: 1;
}

}